AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Add some themeing for entry undershoot

Browse Source 
This is just copying what we do for scrolled windows.
It will need some tweaks to look good for entries.
This commit is contained in:
Matthias Clasen 2016-01-26 23:33:06 -05:00
parent a9222146d3
commit 4c192ea4c3
3 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
gtk/theme/Adwaita/_common.scss
View File

@ -237,6 +237,11 @@ entry {
&.right { padding-left: 6px; padding-right: 0; }
}
undershoot {
&.left { @include undershoot(left); }
&.right { @include undershoot(right); }
}
border-radius: 3px;
transition: all 200ms $ease-out-quad;
@include entry(normal);

20
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -174,6 +174,26 @@ entry, spinbutton {
entry image.right, spinbutton image.right {
padding-left: 6px;
padding-right: 0; }
entry undershoot.left, spinbutton undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none;
box-shadow: none; }
entry undershoot.right, spinbutton undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none;
box-shadow: none; }
entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
padding: 2px;
background-color: #292929;

20
gtk/theme/Adwaita/gtk-contained.css
View File

@ -174,6 +174,26 @@ entry, spinbutton {
entry image.right, spinbutton image.right {
padding-left: 6px;
padding-right: 0; }
entry undershoot.left, spinbutton undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none;
box-shadow: none; }
entry undershoot.right, spinbutton undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none;
box-shadow: none; }
entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
padding: 2px;
background-color: #ffffff;