summaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-11-21 21:17:39 -0500
committerGitHub <noreply@github.com>2020-11-21 21:17:39 -0500
commit7b6a4c4e36ce65af376cd87f5f9e7c657ef2a12c (patch)
treec5fad23e1f1aa689958fbfab8cd8ffbaea7c0b64 /ext/mixed/css/display.css
parentaf33fff6fb10f77eb08b0bce572a18c2bff6c846 (diff)
More display updates (#1050)
* Use grid for layout * Add data-count attribute * Fix scroll issues during focus * Add index to entries * Simplify audio playback
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r--ext/mixed/css/display.css11
1 files changed, 6 insertions, 5 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 997aa40a..1e502b71 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -240,15 +240,16 @@ a {
.content {
width: 100%;
height: 100%;
- display: flex;
- flex-flow: column nowrap;
position: relative;
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr;
+ grid-template-areas: "main";
+ justify-items: stretch;
align-items: stretch;
- justify-content: flex-start;
}
.content-scroll {
- width: 100%;
- height: 100%;
+ grid-area: main;
display: flex;
flex-flow: column nowrap;
overflow-x: hidden;