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

Rearrange some photo card css.

Browse source
This commit is contained in:
voussoir 2021-01-20 18:58:13 -08:00
parent 322d459063
commit 34b6ccd285
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 32 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -141,6 +141,22 @@
{ {
box-shadow: 2px 2px 5px 0px var(--color_dropshadow); box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
} }
.photo_card_searchhidden
{
border: 2px dotted var(--color_shadow);
}
.photo_card_selected::after
{
content: "";
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
pointer-events: none;
border: 2px solid blue;
background-color: rgba(0, 0, 255, 0.25);
border-radius: inherit;
}
.photo_card_list .photo_card_list
{ {
position: relative; position: relative;
@ -152,11 +168,6 @@
margin: 8px; margin: 8px;
padding: 4px; padding: 4px;
} }
.photo_card_list .photo_clipboard_selector_checkbox
{
grid-area: checkbox;
align-self: center;
}
.photo_card_grid .photo_card_grid
{ {
position: relative; position: relative;
@ -175,13 +186,20 @@
border-radius: 8px; border-radius: 8px;
} }
.photo_card_grid .photo_clipboard_selector_checkbox .photo_card_grid .photo_clipboard_selector_checkbox
{ {
position:absolute; position:absolute;
left:5px; left:5px;
top:5px; top:5px;
} }
.photo_card_thumbnail .photo_card_list .photo_clipboard_selector_checkbox
{
grid-area: checkbox;
align-self: center;
}
.photo_card_grid .photo_card_thumbnail
{ {
grid-area: thumbnail; grid-area: thumbnail;
align-self: start; align-self: start;
@ -190,12 +208,13 @@
width: 100%; width: 100%;
height: 150px; height: 150px;
} }
.photo_card_thumbnail img .photo_card_grid .photo_card_thumbnail img
{ {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
margin: auto; margin: auto;
} }
.photo_card_filename .photo_card_filename
{ {
/* /*
@ -216,10 +235,6 @@
background-color: inherit; background-color: inherit;
word-break: break-word; word-break: break-word;
} }
.photo_card_list .photo_card_filename
{
align-self: center;
}
.photo_card_grid .photo_card_filename .photo_card_grid .photo_card_filename
{ {
align-self: start; align-self: start;
@ -240,6 +255,11 @@
right: 0; right: 0;
background-color: inherit; background-color: inherit;
} }
.photo_card_list .photo_card_filename
{
align-self: center;
}
.photo_card_tags .photo_card_tags
{ {
grid-area: tags; grid-area: tags;
@ -251,6 +271,7 @@
cursor: help; cursor: help;
} }
.photo_card_metadata .photo_card_metadata
{ {
grid-area: metadata; grid-area: metadata;
@ -261,22 +282,6 @@
font-size: 11px; font-size: 11px;
} }
.photo_card_searchhidden
{
border: 2px dotted var(--color_shadow);
}
.photo_card_selected::after
{
content: "";
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
pointer-events: none;
border: 2px solid blue;
background-color: rgba(0, 0, 255, 0.25);
border-radius: inherit;
}
/* ########################################################################## */ /* ########################################################################## */
/* ########################################################################## */ /* ########################################################################## */
/* ########################################################################## */ /* ########################################################################## */