First attemp

This commit is contained in:
EliverLara
2018-12-30 01:17:21 -06:00
parent 55a2fea8a1
commit ced2c70500
3 changed files with 25 additions and 2 deletions

View File

@@ -4045,6 +4045,8 @@ placessidebar.sidebar {
padding-left: 14px; padding-left: 14px;
padding-right: 12px; padding-right: 12px;
color: #9ecfa2; } color: #9ecfa2; }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon:first-child {
background: #171e27; }
placessidebar.sidebar row.sidebar-row:hover { placessidebar.sidebar row.sidebar-row:hover {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: rgba(0, 0, 0, 0.76); color: rgba(0, 0, 0, 0.76);
@@ -4067,9 +4069,13 @@ placessidebar.sidebar {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon:first-child {
background: #c50ed2; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; } color: inherit; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon:first-child {
background: #c50ed2; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

View File

@@ -4045,6 +4045,8 @@ placessidebar.sidebar {
padding-left: 14px; padding-left: 14px;
padding-right: 12px; padding-right: 12px;
color: #9ecfa2; } color: #9ecfa2; }
placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon:first-child {
background: #171e27; }
placessidebar.sidebar row.sidebar-row:hover { placessidebar.sidebar row.sidebar-row:hover {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: rgba(0, 0, 0, 0.76); color: rgba(0, 0, 0, 0.76);
@@ -4067,9 +4069,13 @@ placessidebar.sidebar {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon:first-child {
background: #c50ed2; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; } color: inherit; }
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon:first-child {
background: #c50ed2; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

View File

@@ -136,6 +136,9 @@ placessidebar{
padding-left: 14px; padding-left: 14px;
padding-right: 12px; padding-right: 12px;
color: #9ecfa2; color: #9ecfa2;
&:first-child {
background: #171e27;
}
} }
} }
&:hover{ &:hover{
@@ -169,11 +172,19 @@ placessidebar{
background-color: transparent; background-color: transparent;
background-image:linear-gradient(to right, $selected_bg_color 40px, background-image:linear-gradient(to right, $selected_bg_color 40px,
rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%); rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%);
.sidebar-icon {
&:first-child {
background: $selected_bg_color;
}
}
} }
.sidebar-icon { .sidebar-icon {
-gtk-icon-shadow: 0 1px transparentize(#fff, 0.2); -gtk-icon-shadow: 0 1px transparentize(#fff, 0.2);
color: inherit; color: inherit;
&:first-child {
background: $selected_bg_color;
}
} }
} }