lazzexus/Loupe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: Non-circular overlays and less buttons

Browse source 
Part-of: <https://gitlab.gnome.org/GNOME/loupe/-/merge_requests/450>
This commit is contained in:
Sophie Herold 2024-09-09 22:55:39 +02:00
parent e5930b134c
commit 0b4c69459f
18 changed files with 470 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

2
data/resources/icons/scalable/actions/checkmark-symbolic.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 13.398438 2.011719 c -0.394532 0.027343 -0.765626 0.210937 -1.027344 0.507812 l -5.78125 6.609375 l -1.890625 -2.519531 c -0.496094 -0.664063 -1.4375 -0.796875 -2.101563 -0.300781 c -0.316406 0.238281 -0.527344 0.59375 -0.582031 0.988281 c -0.058594 0.394531 0.046875 0.796875 0.285156 1.113281 l 3 4 c 0.273438 0.359375 0.691407 0.582032 1.144531 0.597656 c 0.449219 0.015626 0.886719 -0.171874 1.183594 -0.511718 l 7 -8 c 0.542969 -0.625 0.480469 -1.570313 -0.140625 -2.117188 c -0.300781 -0.261718 -0.691406 -0.394531 -1.089843 -0.367187 z m 0 0" fill="#222222"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 710 B

2
data/resources/icons/scalable/actions/minus-symbolic.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 3 7 h 10 v 2 h -10 z m 0 0" fill="#222222"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 188 B

2
data/resources/icons/scalable/actions/plus-symbolic.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 7 3 v 4 h -4 v 2 h 4 v 4 h 2 v -4 h 4 v -2 h -4 v -4 z m 0 0" fill="#222222"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 222 B

9
data/resources/icons/scalable/actions/zoom-toggle-symbolic.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="m10.875 10.062c-0.8125 0.14844-1.1055 1.1602-0.5 1.7188l3 3c0.95703 0.9375 2.3633-0.5 1.4062-1.4375l-3-3c-0.23438-0.23828-0.57422-0.34766-0.90625-0.28125z" fill="#222"/>
<path d="m6.5703 0.0625c-3.5781 0-6.5 2.9219-6.5 6.5s2.9219 6.5 6.5 6.5c3.5781 0 6.5-2.9219 6.5-6.5s-2.9219-6.5-6.5-6.5zm0 2c2.5 0 4.5 2.0039 4.5 4.5 0 2.5-2 4.5-4.5 4.5-2.4961 0-4.5-2-4.5-4.5 0-2.4961 2.0039-4.5 4.5-4.5z" fill="#222"/>
<g transform="translate(-14.443 -19.459)" fill="#222">
<path d="m21.023 23c0.53906 0 0.97656 0.4375 0.97656 0.97656v4.0898c0 0.53906-0.4375 0.97656-0.97656 0.97656-0.53906 0-0.97656-0.4375-0.97656-0.97656v-4.0898c0-0.53906 0.4375-0.97656 0.97656-0.97656z"/>
<path d="m19.027 25h3.9727c0.55078 0 1 0.44922 1 1s-0.44922 1-1 1h-3.9727c-0.55078 0-1-0.44922-1-1s0.44922-1 1-1z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 952 B

16
data/resources/style.css
View file

@ -1,7 +1,13 @@
/* Overlay controls for next, zoom, fullscreen */
button.osd.circular {
min-width: 42px;
min-height: 42px;
/* Overlay controls for prev/next and zoom */
.osd-box {
border-radius: 12px;
background: rgba(0, 0, 0, 0.65);
padding: 6px;
}
.osd-box menubutton button {
padding-left: 0;
padding-right: 0;
}
.fullscreen revealer:not(.raised) .fullscreen-osd {
@ -65,4 +71,4 @@ dialog.error-details textview {
.error-message {
padding: 12px;
font-size: 0.95em;
}
}