masiv/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaks to styling, navbar image-border, and fixes to inconsistent responsive layout across pages other than main.php
All checks were successful
Website Sync / website-sync (push) Successful in 7s
Details

Browse Source
This commit is contained in:
masiv
2026-02-16 23:39:53 -03:00
parent f88db6a83b
commit d6d1d60b0e
6 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/global/layout/global-layout.css
View File

@@ -31,30 +31,28 @@ body {
display: flex;
flex-direction: row;
height: 100%;
overflow: hidden;
}
overflow: hidden;}
.navbar {
position: fixed;
z-index: 999;
display: flex;
gap: var(--gap);
padding: var(--gap);
}
.navbar.blank {
position: relative;
flex-shrink: 0;
opacity: 0;}
padding: calc(var(--gap) / 2);}
.navbar.top {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: var(--side-bar-width);
height: 100%;
--max-width: var(--max-percentage-width-navar);
}
height: calc(100% - 20px);
--max-width: var(--max-percentage-width-navar);}
.navbar.blank {
position: relative;
flex-shrink: 0;
opacity: 0;
height: calc(100% - (10px * 2) - 5px);}
.links {
flex-grow: 1;
@@ -102,6 +100,10 @@ body {
@media only all and (max-width:700px) {
/* -- Display -- */
.navbar.bot > .about, .navbar.bot > .logo, .navbar.bot > .lang-picker { display: none; }
/* -- Ordering -- */
.about { order: 1; }
.logo { order: 2; }
@@ -123,13 +125,19 @@ body {
overflow: auto;
position: relative;}
.navbar.bot.blank, .navbar.top.blank { height: calc(var(--mobile-topnavbar-height) - 5px); } /* Adjustment, shrink divs for main navbar to overlay*/
.navbar.top, .navbar.bot {
width: calc(100% - (10px * 2));
padding-top: 0px;
padding-bottom: 0px;}
.navbar.top {
flex-direction: row;
justify-content: space-around;
align-items: center;
height: var(--mobile-topnavbar-height);
gap: var(--gap);
width: 100%;
--max-width: 80%;}
.navbar.top > .links { display: none; }
@@ -147,8 +155,7 @@ body {
height: var(--mobile-botnavbar-height);
flex-direction: column;
justify-content: center;
align-content: center;
width: 100%;}
align-content: center;}
.navbar.bot > div { flex-direction: row; }
@@ -162,7 +169,7 @@ body {
/* Ordering */
justify-content: flex-start;
clip-path: content-box;
align-items: flex-start;
align-items: center;
flex-direction: column;}
.links .last { margin-right: 20%; } /* Complementing visual trick by allow extra scrolling to hide previous visual trick, 100% - 80% */