limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-09-19 11:50:27 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

floating mobile navbar (thanks zvava)

Browse source
This commit is contained in:
nelle 2024-07-11 02:00:34 -06:00
parent 19d37050f4
commit c2e33c24f6
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
custom/assets/instance.css
View file

@ -59,3 +59,21 @@
--radius-common: 50% //
}
*/
/* floating mobile navbar - https://zvava.org */
#iceshrimp_app { --thePadding: 12px; }
@media (min-width: 401px) { #iceshrimp_app { --thePadding: 24px; } }
#iceshrimp_app > .isMobile::after {
content: ""; background: var(--bg);
display: block; width: 100vw; height: 28px;
position: fixed; bottom: 0; left: 0; z-index: 9; }
#iceshrimp_app > .isMobile > .postButton { bottom: 103px; right: calc(var(--thePadding) / 2); }
#iceshrimp_app > .isMobile > .buttons {
background: var(--panelHighlight) !important;
border-radius: 10px;
margin: 0 var(--thePadding) 18px;
width: calc(100vw - var(--thePadding) * 2) !important;
box-shadow: rgba(0, 0, 0, .5) 0 0 25px;}
#iceshrimp_app > .isMobile > .buttons > .button { height: 3.33rem !important; }
#iceshrimp_app > .isMobile > .buttons > .button:hover > .button-wrapper, .isMobile > .buttons > .button:active > .button-wrapper { background: var(--accentedBg); }
#iceshrimp_app > .isMobile > .buttons > .button > .button-wrapper.on { transform: unset !important; }