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);
}
.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
{
position: relative;
@ -152,11 +168,6 @@
margin: 8px;
padding: 4px;
}
.photo_card_list .photo_clipboard_selector_checkbox
{
grid-area: checkbox;
align-self: center;
}
.photo_card_grid
{
position: relative;
@ -175,13 +186,20 @@
border-radius: 8px;
}
.photo_card_grid .photo_clipboard_selector_checkbox
{
position:absolute;
left: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;
align-self: start;
@ -190,12 +208,13 @@
width: 100%;
height: 150px;
}
.photo_card_thumbnail img
.photo_card_grid .photo_card_thumbnail img
{
max-width: 100%;
max-height: 100%;
margin: auto;
}
.photo_card_filename
{
/*
@ -216,10 +235,6 @@
background-color: inherit;
word-break: break-word;
}
.photo_card_list .photo_card_filename
{
align-self: center;
}
.photo_card_grid .photo_card_filename
{
align-self: start;
@ -240,6 +255,11 @@
right: 0;
background-color: inherit;
}
.photo_card_list .photo_card_filename
{
align-self: center;
}
.photo_card_tags
{
grid-area: tags;
@ -251,6 +271,7 @@
cursor: help;
}
.photo_card_metadata
{
grid-area: metadata;
@ -261,22 +282,6 @@
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;
}
/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */