isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

popupMenu: Add active CSS pseudo class

Browse Source 
So we can style it differently than :hover.
We already have a active state for the menu items which includes
more than hover. For example, when the keyboard focus moves to a item
or we select programatically a item.
For this reason we need a style class named active for the meaning we
give to it in menu items, and a pseudo class active with the meaning
CSS has.

https://bugzilla.gnome.org/show_bug.cgi?id=744680
This commit is contained in:
Carlos Soriano
2015-02-18 17:07:59 +01:00
committed by Florian Müllner
parent 75e0894de0
commit 8d66fff2aa
4 changed files with 42 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
data/theme/_common.scss
View File

@@ -312,7 +312,7 @@ StScrollBar {
&:ltr { padding-right: 17px; }
&:rtl { padding-left: 17px; }
}
.show-processes-dialog-app-list-item-name {
font-size: 10pt;
}
@@ -425,9 +425,15 @@ StScrollBar {
background-color: darken($bg_color,2%);
box-shadow: inset 0 1px 0px lighten($borders_color,5%);
}
&:active { background-color: $selected_bg_color; }
&:hover { background-color: $selected_bg_color; }
&:active { background-color: darken($selected_bg_color,5%); }
&:insensitive { background-color: transparentize($bg_color,.5); }
}
.active {
background-color: $selected_bg_color;
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $fg_color;

6
data/theme/gnome-shell-high-contrast.css
View File

@@ -763,10 +763,14 @@ StScrollBar {
.popup-menu .popup-menu-item:checked {
background-color: black;
box-shadow: inset 0 1px 0px #0d0d0d; }
.popup-menu .popup-menu-item:active {
.popup-menu .popup-menu-item:hover {
background-color: #215d9c; }
.popup-menu .popup-menu-item:active {
background-color: #1c5187; }
.popup-menu .popup-menu-item:insensitive {
background-color: rgba(0, 0, 0, 0.5); }
.popup-menu .active {
background-color: #215d9c; }
.popup-menu .popup-inactive-menu-item {
color: #fff; }
.popup-menu .popup-inactive-menu-item:insensitive {

6
data/theme/gnome-shell.css
View File

@@ -763,10 +763,14 @@ StScrollBar {
.popup-menu .popup-menu-item:checked {
background-color: #343a3a;
box-shadow: inset 0 1px 0px #282c2c; }
.popup-menu .popup-menu-item:active {
.popup-menu .popup-menu-item:hover {
background-color: #215d9c; }
.popup-menu .popup-menu-item:active {
background-color: #1c5187; }
.popup-menu .popup-menu-item:insensitive {
background-color: rgba(57, 63, 63, 0.5); }
.popup-menu .active {
background-color: #215d9c; }
.popup-menu .popup-inactive-menu-item {
color: #eeeeec; }
.popup-menu .popup-inactive-menu-item:insensitive {