Add styles for grid and view
parent
ce39f0cf9c
commit
2d1661776f
|
@ -0,0 +1,29 @@
|
|||
@import "functions";
|
||||
|
||||
.list {
|
||||
background-color: shade($bg_color, 0.97);
|
||||
color: $fg_color;
|
||||
|
||||
&-row {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 3px;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
|
||||
&:hover {
|
||||
background-image: none;
|
||||
background-color: shade($bg_color, 1.02);
|
||||
}
|
||||
|
||||
&:selected {
|
||||
&, &:hover, &:focus {
|
||||
background-image: none;
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grid-child { padding: $spacing; }
|
|
@ -16,20 +16,20 @@
|
|||
|
||||
.title {
|
||||
font: bold;
|
||||
padding: 0 12px;
|
||||
padding: 0 ($spacing * 2);
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font: smaller;
|
||||
padding: 0 12px;
|
||||
padding: 0 ($spacing * 2);
|
||||
}
|
||||
|
||||
.button { @include button($bg, $fg); }
|
||||
|
||||
GtkComboBox, .button {
|
||||
padding: 2px;
|
||||
padding: $spacing - 1px;
|
||||
|
||||
&.text-button { padding: 4px; }
|
||||
&.text-button { padding: $spacing; }
|
||||
|
||||
&.image-button { padding: $spacing ($spacing - 1px) ($spacing - 1px) $spacing; }
|
||||
}
|
||||
|
@ -84,10 +84,12 @@
|
|||
border: none;
|
||||
background: none;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.90);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover, &:hover:focus {
|
||||
background: none;
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:active, &:active:hover {
|
||||
|
@ -97,7 +99,7 @@
|
|||
}
|
||||
|
||||
&:backdrop {
|
||||
background-image: none;
|
||||
background: none;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.60);
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,103 @@
|
|||
@import "functions";
|
||||
|
||||
.cell {
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
|
||||
&:selected, &:selected:focus {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
row {
|
||||
&:selected {
|
||||
&, &:hover, &:focus {
|
||||
-GtkWidget-focus-padding: 1;
|
||||
-GtkWidget-focus-line-width: 0;
|
||||
|
||||
border-width: 1px 0;
|
||||
border-style: solid;
|
||||
border-color: border_normal($selected_bg_color);
|
||||
background-color: $selected_bg_color;
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
column-header {
|
||||
.button {
|
||||
&, &:active {
|
||||
border-width: 0 1px 1px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&, &:active, &:focus, &:active:focus {
|
||||
border-color: shade($base_color, 0.9);
|
||||
border-bottom-color: shade($base_color, 0.8);
|
||||
background-color: shade($base_color, 0.97);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
|
||||
border-color: shade($base_color, 0.9);
|
||||
border-bottom-color: shade($base_color, 0.8);
|
||||
background-color: shade($base_color, 0.99);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&:last-child .button { border-width: 0 0 1px 0; }
|
||||
}
|
||||
}
|
||||
|
||||
.content-view {
|
||||
&.view {
|
||||
background-color: $base_color;
|
||||
|
||||
&:prelight { background-color: alpha($selected_bg_color, 0.6); }
|
||||
|
||||
&:selected, &:active { background-color: $selected_bg_color; }
|
||||
|
||||
&:insensitive { background-color: shade($base_color, 0.9); }
|
||||
|
||||
&.check {
|
||||
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
|
||||
}
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font: smaller;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
GtkIconView {
|
||||
&.content-view.check {
|
||||
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
|
||||
}
|
||||
|
||||
&.view.cell {
|
||||
&:selected, &:selected:focus {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($selected_bg_color);
|
||||
border-radius: 2px;
|
||||
background-color: $selected_bg_color;
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rubberband {
|
||||
&, &.view, &.content-view.view {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $selected_bg_color;
|
||||
border-radius: 0;
|
||||
background-color: alpha($selected_bg_color, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }
|
|
@ -1,14 +1,14 @@
|
|||
.window-frame {
|
||||
border-style: none;
|
||||
border-radius: 2px 2px 0 0;
|
||||
box-shadow: 0 3px 7px 1px alpha(black, 0.7),
|
||||
border: none;
|
||||
border-radius: $roundness $roundness 0 0;
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
|
||||
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
|
||||
|
||||
/* this is used for the resize cursor area */
|
||||
margin: 10px;
|
||||
margin: $spacing * 3;
|
||||
|
||||
&:backdrop {
|
||||
box-shadow: 0 3px 5px 1px alpha(black, 0.5),
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24),
|
||||
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
|
||||
}
|
||||
|
||||
|
@ -17,18 +17,18 @@
|
|||
&.csd {
|
||||
&.popup {
|
||||
border-radius: 0;
|
||||
box-shadow: 0 1px 2px alpha(black, 0.8),
|
||||
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
|
||||
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
|
||||
}
|
||||
|
||||
&.tooltip {
|
||||
border-radius: 2px;
|
||||
border-radius: $roundness;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.message-dialog {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 2px alpha(black, 0.8),
|
||||
border-radius: $roundness;
|
||||
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
|
||||
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -6,4 +6,6 @@
|
|||
@import "menu";
|
||||
@import "toolbar";
|
||||
@import "sidebar";
|
||||
@import "view";
|
||||
@import "grid";
|
||||
@import "window";
|
||||
|
|
Loading…
Reference in New Issue