GTK 3.20 :: Optimized Nemo and Nautilus design and update searchbar code (#482)

* * Optimized Nemo and Nautilus design. Update searchbar code.

* * Fixed Nautilus backdrop text color change.
pull/496/head
Csaba Jakosa 2016-07-02 07:44:33 +02:00 committed by Khurshid Alam
parent 0d05abedfc
commit bd780f03d4
3 changed files with 32 additions and 58 deletions

View File

@ -3,7 +3,8 @@
*************/ *************/
@include exports("nautilus") { @include exports("nautilus") {
.nautilus-desktop * { .nautilus-desktop, .nautilus-desktop * {
&, &:backdrop {
color: $white; color: $white;
text-shadow: 1px 1px $black; text-shadow: 1px 1px $black;
@ -13,6 +14,7 @@
&:active, &:hover, &:selected { text-shadow: none; } &:active, &:hover, &:selected { text-shadow: none; }
} }
}
.nautilus-window { .nautilus-window {
toolbar { toolbar {
@ -22,44 +24,25 @@
} }
.sidebar { .sidebar {
border: none; border: 0;
frame { border: 0; } frame { border: 0; }
} }
paned {
border-width: 0 1px 0 0;
border-style: solid;
&, &:hover {
border-color: shade($bg_color, ($contrast + .1));
background-color: $bg_color;
}
}
notebook { notebook {
background-color: $base_color; background-color: $base_color;
border: none; border: 0;
frame { border: 0; } frame { border: 0; }
} }
.searchbar-container { .searchbar-container {
border-bottom: 2px solid $base_color; margin-top: -1px;
border-left-width: 0px;
searchbar { searchbar {
padding-top: $spacing - 3px; padding-top: $spacing - 3px;
padding-bottom: $spacing - 2px; padding-bottom: $spacing - 2px;
border: none; border-bottom: 1px solid $borders_color;
background-color: $selected_bg_color;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
.search {
border-right-width: 1px;
+ button {
margin-left: 8px;
}
}
} }
} }
} }

View File

@ -4,19 +4,15 @@
@include exports("nemo") { @include exports("nemo") {
.nemo-desktop, .nemo-desktop * { .nemo-desktop, .nemo-desktop * {
&, &:backdrop {
color: $white; color: $white;
text-shadow: 1px 1px $black; text-shadow: 1px 1px $black;
&:active { &:active { color: $fg_color; }
color: $fg_color;
}
&:selected { &:selected { color: $selected_fg_color; }
color: $selected_fg_color;
}
&:active, &:hover, &:selected { &:active, &:hover, &:selected { text-shadow: none; }
text-shadow: none;
} }
} }
@ -71,8 +67,7 @@
> widget:last-child { > widget:last-child {
button { button {
min-height: 15px; min-height: 15px;
min-width: 22px; min-width: 20px;
margin: 5px;
} }
button:first-child { button:first-child {
@ -133,23 +128,23 @@
/* Nemo Query Editor (File Search Bar) */ /* Nemo Query Editor (File Search Bar) */
+ separator + box .primary-toolbar { + separator + box .primary-toolbar {
@include linear-gradient(shade($bg_color, .98)); // Searchbar color (_actionbar.scss)
padding-top: $spacing - 3px; padding-top: $spacing - 3px;
padding-bottom: $spacing - 4px; padding-bottom: $spacing - 4px;
border-top: none; border-bottom: 1px solid $borders_color;
background-color: $selected_bg_color;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
button:nth-child(2) { button:nth-child(2) {
border-right: none; border-right: none;
border-top-right-radius: 0px; border-top-right-radius: 0;
border-bottom-right-radius: 0px; border-bottom-right-radius: 0;
} }
button:nth-child(3) { button:nth-child(3) {
margin-left: -6px; margin-left: -6px;
border-left: none; border-left: none;
border-top-left-radius: 0px; border-top-left-radius: 0;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0;
} }
button.flat { button.flat {
@ -168,9 +163,7 @@
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
padding: 5px 6px; padding: 5px 6px;
} }
} // END Nemo Query Editor } // END Nemo Query Editor
} // END .sidebar } // END .sidebar
notebook { notebook {
@ -183,4 +176,3 @@
} }
} }
} }

View File

@ -20,15 +20,14 @@
****************/ ****************/
@include exports("searchbar") { @include exports("searchbar") {
.search-bar { searchbar,
.location-bar {
@include linear-gradient(shade($bg_color, .98)); @include linear-gradient(shade($bg_color, .98));
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
border-color: border_normal($bg_color); border-color: border_normal($bg_color);
color: $fg_color; color: $fg_color;
.button.close-button { padding: $spacing; }
} }
} }
@ -60,7 +59,7 @@
&.header-bar, &.toolbar { &.header-bar, &.toolbar {
@include toolbar($selected_bg_color, $selected_fg_color); @include toolbar($selected_bg_color, $selected_fg_color);
.button { button {
@include button($selected_bg_color, $selected_fg_color); @include button($selected_bg_color, $selected_fg_color);
&.suggested-action { @extend .suggested-action.button; } &.suggested-action { @extend .suggested-action.button; }