diff options
| author | julian laplace <julescarbon@gmail.com> | 2022-10-26 12:21:40 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2022-10-26 12:21:40 +0200 |
| commit | 3e277727ebadb7c8bd809314a5891b3de5c3af04 (patch) | |
| tree | 16b60ef64973858bd8b790ae16f138a9759306a6 /views/partials | |
| parent | 66863773c712de08348aa997f22caed21987922f (diff) | |
css
Diffstat (limited to 'views/partials')
| -rw-r--r-- | views/partials/hootstream.ejs | 28 |
1 files changed, 26 insertions, 2 deletions
diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs index 7d09e4a..7da1c13 100644 --- a/views/partials/hootstream.ejs +++ b/views/partials/hootstream.ejs @@ -109,7 +109,7 @@ opacity: 0.8; text-align: right; width: 6rem; - whitespace: nowrap; + white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 0.5rem; @@ -200,7 +200,7 @@ border-right: 1px solid; } #hootevents table tr:last-of-type td { - border-bottom: 1px solid; + border-bottom: 1px solid rgba(96,96,96,0.5); } #hootevents table { @@ -238,6 +238,7 @@ #hootevents code, #hootevents pre { background: rgba(127,127,127,0.2); border: 1px solid rgba(127,127,127,0.2); + max-width: calc(100vw - 12.5rem); margin: 0.25rem; padding: 0.5rem; } @@ -283,4 +284,27 @@ caret-color: #888; } } + + /** MEDIA QUERY: PHONE */ + @media (max-width: 700px) { + html, body { overflow-x: hidden; } + #hootstream { + margin-top: 1rem; + } + #hootevents .userLink { + display: none; + } + #hootevents .streamLastlog .userLink { + display: block; + width: auto; + margin-left: 2rem; + } + #hootevents table { + margin-left: 2rem; + width: calc(100% - 3rem); + } + #hootform { + margin-bottom: 1rem; + } + } </style>
\ No newline at end of file |