diff --git a/res/styles/base.css b/res/styles/base.css index 890dd71..1367190 100644 --- a/res/styles/base.css +++ b/res/styles/base.css @@ -5,4 +5,17 @@ summary:has(span.status) { background-color: #ffaf0377; +} + +/* Mobile only */ +@media only screen and ((max-width: 500px) or (hover: none)) { + .propic-border.blurred { + display: none; + } +} + +@media only screen and (prefers-reduced-motion) { + .propic-border.blurred { + display: none; + } } \ No newline at end of file diff --git a/res/styles/propic.css b/res/styles/propic.css index 917cd3f..35cba1f 100644 --- a/res/styles/propic.css +++ b/res/styles/propic.css @@ -18,9 +18,9 @@ svg.propic-border-filter { .propic-filler { width: 100%; - border-radius:0.4em; - margin:0 auto; - border:4px solid #546e7a; + border-radius: 0.4em; + margin: 0 auto; + border: 4px solid #546e7a; opacity: 0; } @@ -77,7 +77,7 @@ svg.propic-border-filter { } .propic-flag { - z-index: 2; + z-index: 4; max-width: 2em; border-radius:2px; right: calc(0% - 0.3em); @@ -94,4 +94,17 @@ svg.propic-border-filter { .propic-base { border:4px solid #546e7a; +} + +.control-login-as:hover::before{ + background-color: #2f4e5cc5; + position: absolute; + width: 100%; + height: 100%; + content: 'Enter as'; + color: white; + text-decoration: none; + text-align: center; + z-index: 3; + border-radius: 0.6rem; } \ No newline at end of file diff --git a/res/styles/room.css b/res/styles/room.css index 6460419..67615f1 100644 --- a/res/styles/room.css +++ b/res/styles/room.css @@ -7,14 +7,14 @@ span.nsc-room-counter { text-transform: capitalize; } +#room a[role=button] { + display: inline-flex; + justify-content: space-around; + align-items: center; +} + @media only screen and (max-width: 500px) { div.room-actions a>span { display: none; } } - -#room a[role=button] { - display: inline-flex; - justify-content: space-around; - align-items: center; -} \ No newline at end of file diff --git a/tpl/admin.html b/tpl/admin.html index 2fd08ce..50b9328 100644 --- a/tpl/admin.html +++ b/tpl/admin.html @@ -11,7 +11,7 @@