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