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

Fix positioning of photo_viewer under the new CSS rules.

Browse source
This commit is contained in:
voussoir 2020-11-03 00:05:21 -08:00
parent 44952b4b05
commit 272bd471ff
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontends/etiquette_flask/templates/photo.html
View file

@ -33,11 +33,6 @@
background-color: var(--color_transparency); background-color: var(--color_transparency);
} }
#right
{
display: grid;
grid-template: "viewer" 1fr / 1fr;
}
#editor_area #editor_area
{ {
grid-area: editor_area; grid-area: editor_area;
@ -57,8 +52,8 @@
} }
#photo_viewer #photo_viewer
{ {
grid-area: viewer; position: absolute;
display: grid; top: 0; bottom: 0; left: 0; right: 0;
} }
.photo_viewer_audio, .photo_viewer_audio,
.photo_viewer_video, .photo_viewer_video,
@ -84,8 +79,9 @@
max-height: 100%; max-height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.photo_viewer_image img #photo_viewer img
{ {
position: absolute;
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
} }