Tweaked comboboxes and views

pull/224/head
Satyajit Sahoo 2014-11-29 18:32:31 +05:30
parent c3bc33386c
commit 9aa670d828
3 changed files with 138 additions and 2 deletions

View File

@ -73,3 +73,26 @@
} }
.entry { @include entry($base_color, $text_color); } .entry { @include entry($base_color, $text_color); }
/******************
! Combobox entry *
*******************/
GtkComboBox.combobox-entry {
.entry {
&, &:hover, &:focus, &:active, &:insensitive {
border-width: 1px 0 1px 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.button {
&, &:hover, &:focus, &:active, &:insensitive {
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
}
}

View File

@ -3,6 +3,38 @@
@import "entry"; @import "entry";
/*********
! Menubar
**********/
.menubar {
-GtkWidget-window-dragging: true;
border: none;
background-color: $menubar_bg_color;
background-image: none;
color: $menubar_fg_color;
&.menuitem, .menuitem {
padding: $spacing ($spacing * 2);
border: 1px solid transparent;
background-color: transparent;
background-image: none;
color: $menubar_fg_color;
&:hover {
border-color: mix($menubar_bg_color, $menubar_fg_color, 0.21);
background-color: mix($menubar_bg_color, $menubar_fg_color, 0.21);
background-image: none;
color: shade($menubar_fg_color, 1.08);
}
& *:hover { color: shade($menubar_fg_color, 1.08); }
}
}
/****** /******
! Menu ! Menu
*******/ *******/
@ -80,7 +112,7 @@ GtkTreeMenu, GtkMenuToolButton, GtkComboBox {
} }
&.button { &.button {
&, &:active, &:insensitive, &:active:insensitive { &, &:focus, &:active, &:insensitive, &:active:insensitive {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-color: transparent; border-color: transparent;
@ -89,7 +121,7 @@ GtkTreeMenu, GtkMenuToolButton, GtkComboBox {
color: currentColor; color: currentColor;
} }
&:hover, &:active:hover, &:selected { &:hover, &:focus:hover, &:active:hover, &:selected {
background-color: $selected_bg_color; background-color: $selected_bg_color;
background-image: none; background-image: none;
color: $selected_fg_color; color: $selected_fg_color;
@ -134,9 +166,16 @@ GtkPopover {
border-style: solid; border-style: solid;
background-clip: border-box; background-clip: border-box;
background-color: $menu_bg_color; background-color: $menu_bg_color;
background-image: none;
color: $menu_fg_color; color: $menu_fg_color;
box-shadow: 0 2px 3px alpha(black, .5); box-shadow: 0 2px 3px alpha(black, .5);
&.background {
background-image: none;
background-color: $menu_bg_color;
color: $menu_fg_color;
}
&:backdrop { box-shadow: none; } &:backdrop { box-shadow: none; }
&.osd { &.osd {
@ -160,3 +199,25 @@ GtkPopover {
font-weight: bold; font-weight: bold;
} }
} }
GtkModelButton.button {
&, &:focus, &:active, &:insensitive, &:active:insensitive {
&, &:backdrop {
background-color: transparent;
background-image: none;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none;
color: $menu_fg_color;
}
}
&:focus:hover, &:active:hover, &:hover, &:selected {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
border: none;
border-radius: 2px;
}
}

View File

@ -123,3 +123,55 @@ column-header {
&:last-child .button { border-width: 0 0 1px 0; } &:last-child .button { border-width: 0 0 1px 0; }
} }
} }
/**********
! Frames *
***********/
.frame { border: none; }
GtkScrolledWindow {
&.frame { border: 1px solid border_normal($bg_color); }
/* avoid double borders when a viewport is packed into a GtkScrolledWindow */
GtkViewport.frame { border: none; }
}
/*************
! Expanders *
**************/
GtkExpander {
padding: $spacing;
outline-offset: 1px;
}
.expander {
color: alpha(currentColor, 0.7);
border: alpha(currentColor, 0.7);
&:hover {
color: alpha(currentColor, 0.8);
border-color: alpha(currentColor, 0.8);
}
&:active {
color: alpha(currentColor, 0.9);
border-color: alpha(currentColor, 0.9);
}
}
/*******************
! Symbolic images *
********************/
.image {
color: alpha(currentColor, 0.5);
&:hover { color: alpha(currentColor, 0.9); }
&:selected, &:selected:hover { color: $selected_fg_color; }
}