zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-07 12:24:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tracker filter an abstract components along the way

Browse Source
This commit is contained in:
John Furrow
2016-02-07 18:06:40 -08:00
parent 591eeed698
commit dc423ac6e9
26 changed files with 450 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/source/sass/components/_badge.scss
+2 -2
View File
@@ -1,7 +1,7 @@
.badge {
background: $status-filter--count--background;
background: $sidebar-filter--count--background;
border-radius: 100px;
color: $status-filter--count--foreground;
color: $sidebar-filter--count--foreground;
display: inline-block;
font-size: 0.8em;
font-weight: 800;
client/source/sass/components/_status-filter.scss → client/source/sass/components/_sidebar-filter.scss
+14 -13
View File
@@ -1,37 +1,38 @@
.status-filter {
.sidebar-filter {
font-size: 0.85em;
padding: 30px 0;
padding: 30px 0 0 0;
&__item {
color: $status-filter--foreground;
color: $sidebar-filter--foreground;
cursor: pointer;
font-weight: 400;
padding: 3px 20px;
transition: color 0.25s;
&:hover {
color: $status-filter--foreground--hover;
color: $sidebar-filter--foreground--hover;
.icon {
fill: $status-filter--foreground--hover;
fill: $sidebar-filter--foreground--hover;
}
}
&.is-active {
color: $status-filter--foreground--active;
color: $sidebar-filter--foreground--active;
font-weight: 700;
.badge {
background: $status-filter--count--background--active;
background: $sidebar-filter--count--background--active;
}
.icon {
fill: $status-filter--foreground--active;
fill: $sidebar-filter--foreground--active;
}
}
.icon {
display: inline-block;
fill: $status-filter--foreground;
fill: $sidebar-filter--foreground;
height: 14px;
margin-right: 7px;
transition: fill 0.25s;
@@ -41,13 +42,13 @@
}
.badge {
background: $status-filter--count--background;
color: $status-filter--count--foreground;
background: $sidebar-filter--count--background;
color: $sidebar-filter--count--foreground;
}
}
.status-filter {
.sidebar-filter {
&__item {
@@ -60,7 +61,7 @@
&,
&:hover {
color: $status-filter--foreground--header;
color: $sidebar-filter--foreground--header;
}
}
}
client/source/sass/components/_sidebar.scss
+1
View File
@@ -6,6 +6,7 @@
flex: 1;
min-width: 200px;
max-width: 240px;
overflow: auto;
position: relative;
z-index: 2;
}