aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/IconBar.scss
diff options
context:
space:
mode:
authormadelinegr <monika_hedman@brown.edu>2019-06-18 15:23:46 -0400
committermadelinegr <monika_hedman@brown.edu>2019-06-18 15:23:46 -0400
commitedd13df1072307b20c3e1a07fa9c5d4f928c62bc (patch)
tree2560b89fc717207fb853f27cf98e069661d8656a /src/client/views/search/IconBar.scss
parentd01a7faa6ec2ad2437d1d80e9a5e81c30762868b (diff)
things appear to be working
Diffstat (limited to 'src/client/views/search/IconBar.scss')
-rw-r--r--src/client/views/search/IconBar.scss44
1 files changed, 22 insertions, 22 deletions
diff --git a/src/client/views/search/IconBar.scss b/src/client/views/search/IconBar.scss
index 41bd83dc1..2cde14aa7 100644
--- a/src/client/views/search/IconBar.scss
+++ b/src/client/views/search/IconBar.scss
@@ -18,8 +18,8 @@
}
.type-icon {
- height: 50px;
- width: 50px;
+ height: 45px;
+ width: 45px;
color: $light-color;
border-radius: 50%;
display: flex;
@@ -30,22 +30,22 @@
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 2em;
- position: absolute;
+ // position: absolute;
}
-.ban-icon {
- width: 50px;
- height: 50px;
- color: $alt-accent;
- opacity: 0;
- position: absolute;
- float: right;
-
- .fontawesome-icon {
- height: 100%;
- width: 100%;
- }
-}
+// .ban-icon {
+// width: 50px;
+// height: 50px;
+// color: $alt-accent;
+// opacity: 0;
+// position: absolute;
+// float: right;
+
+// .fontawesome-icon {
+// height: 100%;
+// width: 100%;
+// }
+// }
// .type-icon.selected.add {
// background-color: $alt-accent;
@@ -63,8 +63,8 @@
// }
.fontawesome-icon {
- height: 28px;
- width: 28px;
+ height: 24px;
+ width: 24px;
}
.filter-description{
@@ -73,7 +73,7 @@
.type-icon:hover {
transform: scale(1.1);
- background-color: $alt-accent;
+ background-color: $darker-alt-accent;
opacity: 1;
+.filter-description {
@@ -95,9 +95,9 @@
display: flex;
flex-direction: column;
align-items: center;
- width: 50px;
- height: 50px;
- position: relative;
+ width: 45px;
+ height: 60px;
+ // position: relative;
}
.filter-description {