voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve placement of photo toolbutton in list view.

Browse source
This commit is contained in:
voussoir 2021-10-31 16:15:01 -07:00
parent 2d4acfe511
commit 3e72029908
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontends/etiquette_flask/static/css/cards.css
View file

@ -148,8 +148,8 @@
position: relative; position: relative;
display: grid; display: grid;
grid-template: grid-template:
"checkbox filename metadata tags" auto "checkbox filename metadata tags toolbutton" auto
/auto 1fr auto auto; /auto 1fr auto auto auto;
grid-column-gap: 4px; grid-column-gap: 4px;
margin: 8px; margin: 8px;
padding: 4px; padding: 4px;
@ -269,7 +269,7 @@
font-size: 11px; font-size: 11px;
} }
.photo_card_toolbutton .photo_card_grid .photo_card_toolbutton
{ {
position: absolute; position: absolute;
top: 4px; top: 4px;
@ -277,7 +277,12 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.photo_card_grid .photo_card_tools .photo_card_list .photo_card_toolbutton
{
grid-area: toolbutton;
}
.photo_card_tools
{ {
display: none; display: none;
background-color: var(--color_secondary); background-color: var(--color_secondary);
@ -285,7 +290,7 @@
z-index: 1; z-index: 1;
width: max-content; width: max-content;
} }
.photo_card_grid .photo_card_tools.open_contextmenu .photo_card_tools.open_contextmenu
{ {
display: initial; display: initial;
position: absolute; position: absolute;