Commit 42311886 authored by Antonio Ospite's avatar Antonio Ospite Committed by Alberts Muktupāvels

theme: make the click event on the task list button work on the edges too

By making the button take all the available space and only styling the
box inside a button, it is possible to have a rounded look with a border
and a margin but still catch the click events on the edges of the panel.

Thanks Alberts Muktupāvels for the idea.

https://bugzilla.gnome.org/show_bug.cgi?id=769012
parent 3cb8046a
......@@ -73,7 +73,17 @@ gp-arrow-button:active {
padding: 3px 0px;
}
#tasklist-button {
#tasklist-button,
#tasklist-button:hover,
#tasklist-button:active,
#tasklist-button:checked {
padding: 0;
margin: 0;
border: 0;
background-image: none;
}
#tasklist-button > box {
padding: 2px 4px;
margin: 1px;
border: 1px solid;
......@@ -87,14 +97,14 @@ gp-arrow-button:active {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
#tasklist-button:hover {
#tasklist-button:hover > box {
background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-effect: highlight;
}
#tasklist-button:active,
#tasklist-button:checked {
#tasklist-button:active > box,
#tasklist-button:checked > box {
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1b1f20;
background-image: none;
......
......@@ -78,7 +78,18 @@ gp-arrow-button:active {
padding: 3px 0px;
}
#tasklist-button {
#tasklist-button,
#tasklist-button:hover,
#tasklist-button:active,
#tasklist-button:checked {
padding: 0;
margin: 0;
border: 0;
background-image: none;
}
#tasklist-button > box {
padding: 2px 4px;
margin: 1px;
border: 1px solid;
......@@ -92,14 +103,14 @@ gp-arrow-button:active {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
}
#tasklist-button:hover {
#tasklist-button:hover > box {
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
box-shadow: inset 0 1px white;
-gtk-icon-effect: highlight;
}
#tasklist-button:active,
#tasklist-button:checked {
#tasklist-button:active > box,
#tasklist-button:checked > box {
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b6b6b3;
background-image: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment