Pantheon desktop fixes

Fix level bar not showing in file manager
Fix wrong accent color in file manager
This commit is contained in:
EliverLara
2019-07-15 10:30:05 -05:00
parent c3c26bb87e
commit fd7fe765ec
4 changed files with 60 additions and 20 deletions

View File

@@ -281,3 +281,25 @@ LibraryWindow {
0 1px 2px transparentize(#000, 0.77); 0 1px 2px transparentize(#000, 0.77);
} }
/**level bars**/
.sidebar .source-list{
&.view {
&.level-bar {
&,&:selected,&:selected:focus{
background-color: lighten($_sidebar_color, 15%);
border: 1px solid transparentize(black, 0.86);
box-shadow: 0 1px 0 transparentize(#000, 0.75);
border-radius: 2px;
}
&.fill-block{
border: none;
}
}
&.fill-block{
&,&:hover,&:selected,&:selected:focus{
@include scale-highlight(right);
}
}
}
}

View File

@@ -4016,21 +4016,18 @@ treeview ~ scrollbar.vertical {
border-color: rgba(14, 16, 23, 0.82); border-color: rgba(14, 16, 23, 0.82);
transition: 200ms ease-out; } transition: 200ms ease-out; }
.sidebar.source-list { .sidebar.source-list {
background: #1c2124; background: #16191b;
padding: 4px 0px; } padding: 4px 0px; }
.sidebar.source-list.view, iconview.sidebar.source-list { .sidebar.source-list.view, iconview.sidebar.source-list {
transition: all .12s ease-in; } transition: all .12s ease-in; }
.sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected {
padding-left: 4px; padding-left: 4px;
background: rgba(238, 238, 238, 0.5); background: rgba(10, 12, 13, 0.5);
color: #ACACAC; color: #f7f7f7; }
border-left: 4px solid #F67E7D; }
.sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover {
background-color: rgba(246, 126, 125, 0.9); } background-color: rgba(0, 0, 0, 0.5); }
.sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop {
background-color: rgba(246, 126, 125, 0.6); }
.sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover {
background-color: rgba(26, 30, 33, 0.4); } background-color: rgba(26, 30, 33, 0.4); }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
@@ -5892,6 +5889,19 @@ LibraryWindow .the-button-in-the-combobox {
border-radius: 50%; border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); }
/**level bars**/
.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus {
background-color: #374046;
border: 1px solid rgba(0, 0, 0, 0.14);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
border-radius: 2px; }
.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block {
border: none; }
.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus {
background: linear-gradient(to right, #ff005d, #ff8b26); }
/******** /********
* Unity * * Unity *
*********/ *********/

View File

@@ -4016,21 +4016,18 @@ treeview ~ scrollbar.vertical {
border-color: rgba(14, 16, 23, 0.82); border-color: rgba(14, 16, 23, 0.82);
transition: 200ms ease-out; } transition: 200ms ease-out; }
.sidebar.source-list { .sidebar.source-list {
background: #1c2124; background: #16191b;
padding: 4px 0px; } padding: 4px 0px; }
.sidebar.source-list.view, iconview.sidebar.source-list { .sidebar.source-list.view, iconview.sidebar.source-list {
transition: all .12s ease-in; } transition: all .12s ease-in; }
.sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected {
padding-left: 4px; padding-left: 4px;
background: rgba(238, 238, 238, 0.5); background: rgba(10, 12, 13, 0.5);
color: #ACACAC; color: #f7f7f7; }
border-left: 4px solid #F67E7D; }
.sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover {
background-color: rgba(246, 126, 125, 0.9); } background-color: rgba(0, 0, 0, 0.5); }
.sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop {
background-color: rgba(246, 126, 125, 0.6); }
.sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover {
background-color: rgba(26, 30, 33, 0.4); } background-color: rgba(26, 30, 33, 0.4); }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
@@ -5892,6 +5889,19 @@ LibraryWindow .the-button-in-the-combobox {
border-radius: 50%; border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); } box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); }
/**level bars**/
.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus {
background-color: #374046;
border: 1px solid rgba(0, 0, 0, 0.14);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
border-radius: 2px; }
.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block {
border: none; }
.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus {
background: linear-gradient(to right, #ff005d, #ff8b26); }
/******** /********
* Unity * * Unity *
*********/ *********/

View File

@@ -35,21 +35,19 @@
//elementary os file manager //elementary os file manager
&.source-list{ &.source-list{
background: $base_color; background: $_sidebar_color;
padding: 4px 0px; padding: 4px 0px;
&.view{ &.view{
transition: all .12s ease-in; transition: all .12s ease-in;
&:selected { &:selected {
padding-left: 4px; padding-left: 4px;
background: transparentize(#eee, 0.5); background: transparentize(darken($main_dark_color, 5%), 0.5);
color: #ACACAC; color: $selected_fg_color;
border-left: 4px solid $selected_bg_color;
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
&.has-open-popup, &.has-open-popup,
&:hover { background-color: transparentize($selected_bg_color, 0.1); } &:hover { background-color: transparentize(black, 0.5); }
&:backdrop { background-color: $backdrop_selected_bg_color; }
} }
&:hover, iconview.source-list:hover { &:hover, iconview.source-list:hover {
background-color: if(variant == light, transparentize($bg_color, 0.6), transparentize($bg_color, 0.6)); background-color: if(variant == light, transparentize($bg_color, 0.6), transparentize($bg_color, 0.6));