AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-18 09:00:34 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: vertically linked buttons

Browse Source
This commit is contained in:
Lapo Calamandrei 2014-07-09 19:37:41 +02:00
parent 2f12fd5599
commit ef3b5ca735
3 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
gtk/resources/theme/Adwaita/_common.scss
View File

@ -350,9 +350,13 @@ GtkLabel {
.linked &,
.linked &:hover,
.linked &:active,
.linked &:backdrop {
@extend %linked_buttons;
}
.linked &:backdrop { @extend %linked_buttons; }
.linked.vertical &,
.linked.vertical &:hover,
.linked.vertical &:active,
.linked.vertical &:backdrop { @extend %linked_buttons_vertical; }
}
// all the following is for the +|- buttons on inline toolbars, that way
@ -415,6 +419,22 @@ GtkLabel {
}
}
%linked_buttons_vertical{
border-left-style: solid;
border-top-style: none;
&:first-child {
border-style: solid;
border-radius: 3px 3px 0 0;
}
&:last-child {
border-radius: 0 0 3px 3px;
}
&:only-child {
border-radius: 3px;
border-style: solid;
}
}
%undecorated_button {
border-color: transparent;
background-color: transparent;

12
gtk/resources/theme/Adwaita/gtk-contained-dark.css
View File

@ -571,6 +571,18 @@
border-radius: 3px;
border-style: solid; }
.linked.vertical .button, .linked.vertical .button:hover, .linked.vertical .button:active, .linked.vertical .button:backdrop {
border-left-style: solid;
border-top-style: none; }
.linked.vertical .button:first-child {
border-style: solid;
border-radius: 3px 3px 0 0; }
.linked.vertical .button:last-child {
border-radius: 0 0 3px 3px; }
.linked.vertical .button:only-child {
border-radius: 3px;
border-style: solid; }
.button.flat, .button.flat:backdrop, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active, .button:link:backdrop, .button:visited:backdrop, .notebook tab .button, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover, .scale-popup .button:hover, .scale-popup .button:backdrop, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive {
border-color: transparent;
background-color: transparent;

12
gtk/resources/theme/Adwaita/gtk-contained.css
View File

@ -563,6 +563,18 @@
border-radius: 3px;
border-style: solid; }
.linked.vertical .button, .linked.vertical .button:hover, .linked.vertical .button:active, .linked.vertical .button:backdrop {
border-left-style: solid;
border-top-style: none; }
.linked.vertical .button:first-child {
border-style: solid;
border-radius: 3px 3px 0 0; }
.linked.vertical .button:last-child {
border-radius: 0 0 3px 3px; }
.linked.vertical .button:only-child {
border-radius: 3px;
border-style: solid; }
.button.flat, .button.flat:backdrop, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active, .button:link:backdrop, .button:visited:backdrop, .notebook tab .button, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover, .scale-popup .button:hover, .scale-popup .button:backdrop, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive {
border-color: transparent;
background-color: transparent;