diff --git a/views/css/style.css b/views/css/style.css index 9e2e3cc..f9563af 100644 --- a/views/css/style.css +++ b/views/css/style.css @@ -233,12 +233,17 @@ input[type=submit][hidden] { } } nav { - margin-top: 15px; + position: sticky; + top: 0; + z-index: 1000; + background-color: #131516; margin-bottom: 15px; - margin-left: 20px; - margin-right: 20px; + padding-left: 20px; + padding-right: 20px; } nav .navigation-wrapper { + padding-top: 15px; + padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; @@ -310,6 +315,13 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img { } @media screen and (max-width: 600px) { + nav .navigation-wrapper { + padding-top: 10px; + padding-bottom: 10px; + } + nav .navigation-wrapper .sidebar br { + margin-top: 0; + } nav .search-form { display: none; } @@ -328,6 +340,7 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img { max-width: 1200px; margin-inline: auto; padding-inline: 4px; + scroll-margin-top: 71px; } @media (min-width: 440px) { .container { diff --git a/views/css/style.css.map b/views/css/style.css.map index 708e123..7c8d42f 100644 --- a/views/css/style.css.map +++ b/views/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAiBA;EACE;;;AAGF;EACE;EACA;EAEA,kBAzBG;EA0BH,OAxBG;EA0BH;EACA,aAjBY;EAmBZ;;;AAIA;EADF;IAEI;;;;AAIJ;EACE,OArCK;EAsCL;;;AAGF;AACA;EACI;;;AAKJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBA1DG;EA2DH;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA,eAvGc;EAwGd;EACA;;;AAGF;AAAA;EAEE;EACA,kBApHa;EAqHb,OAnHa;;;AAsHf;AAAA;EAEE,kBA1Ha;;;AA6Hf;EACE;EACA;;;AAGF;EACE;EACA,eA/Hc;EAgId;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,eApJc;EAqJd;EACA;EACA;EACA,aAvJY;EAwJZ;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE,aA3JY;;;AA8Jd;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,kBA3LK;EA4LL;EACA,OA/LG;;;AAkML;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACD;;AAID;EACE;;AAGF;EACE;;AAGF;EACE;EACA,kBArOW;EAsOX;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,OA5RH;;AAiSC;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA,kBA/TD;EAgUC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA,OApVL;EAqVK;EACA;EACA;;AAEA;EACE,kBA3VG;;AA8VL;EACE;EACA;EACA;EACA;;;AAoBZ;EAEI;IACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAGJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EAIA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKA;AAAA;EACE;EACA,OAhbC;;AAobD;AAAA;EACE,OAzagB;EA0ahB,QA1agB;;AA6alB;AAAA;EACE,WA9agB;;AAiblB;AAAA;EACE,WAlbgB;;AAmbhB;AAAA;EACE,WArbc;;AA2blB;AAAA;EACE,OA5bgB;EA6bhB,QA7bgB;;AAgclB;AAAA;EACE,WAjcgB;;AAoclB;AAAA;EACE,WArcgB;;AAuchB;AAAA;EACE,WAxcc;;AA6cpB;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBAxfI;EAyfJ,OA5fH;;AA+fC;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAvgBH;EAwgBG;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;EACA,eAphBU;;AAuhBZ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAOV;AACA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE,OA1lBM;;AA6lBR;EACE,OA/lBC;EAgmBD;EACA;;;AAKN;EACE,kBA1mBa;EA2mBb,eAtmBc;EAumBd;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;;AACA;EACE,OA/oBK;;AAqpBb;EACE;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA,OA9rBD;;AAgsBC;EACE;EACA;EACA;EACA;EACA;;;AAMR;EACE,kBA7sBa;EA8sBb,eAzsBc;EA0sBd;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAMN;AACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EAOA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;;AAKN;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,kBAp1Ba;EAq1Bb;;AAEA;EACE;EACA,OAx1BC;EAy1BD,kBA11BW;EA21BX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;EAGF;AAAA;IAEE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;;AAIA;EACE;;;AAKN;EACE,kBAr4Ba;EAs4Bb;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAiBA;EACE;;;AAGF;EACE;EACA;EAEA,kBAzBG;EA0BH,OAxBG;EA0BH;EACA,aAjBY;EAmBZ;;;AAIA;EADF;IAEI;;;;AAIJ;EACE,OArCK;EAsCL;;;AAGF;AACA;EACI;;;AAKJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBA1DG;EA2DH;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA,eAvGc;EAwGd;EACA;;;AAGF;AAAA;EAEE;EACA,kBApHa;EAqHb,OAnHa;;;AAsHf;AAAA;EAEE,kBA1Ha;;;AA6Hf;EACE;EACA;;;AAGF;EACE;EACA,eA/Hc;EAgId;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,eApJc;EAqJd;EACA;EACA;EACA,aAvJY;EAwJZ;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE,aA3JY;;;AA8Jd;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,kBA3LK;EA4LL;EACA,OA/LG;;;AAkML;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACD;;AAID;EACE;;AAGF;EACE;;AAGF;EACE;EACA,kBArOW;EAsOX;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA,kBAhRG;EAiRH;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,OAjSH;;AAsSC;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA,kBApUD;EAqUC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA,OAzVL;EA0VK;EACA;EACA;;AAEA;EACE,kBAhWG;;AAmWL;EACE;EACA;EACA;EACA;;;AAoBZ;EAEI;IACE;IACA;;EAGE;IACE;;EAKN;IACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EAIA;;AAHA;EAJF;IAKI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EAIA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKA;AAAA;EACE;EACA,OAjcC;;AAqcD;AAAA;EACE,OA1bgB;EA2bhB,QA3bgB;;AA8blB;AAAA;EACE,WA/bgB;;AAkclB;AAAA;EACE,WAncgB;;AAochB;AAAA;EACE,WAtcc;;AA4clB;AAAA;EACE,OA7cgB;EA8chB,QA9cgB;;AAidlB;AAAA;EACE,WAldgB;;AAqdlB;AAAA;EACE,WAtdgB;;AAwdhB;AAAA;EACE,WAzdc;;AA8dpB;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBAzgBI;EA0gBJ,OA7gBH;;AAghBC;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAxhBH;EAyhBG;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;EACA,eAriBU;;AAwiBZ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAOV;AACA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE,OA3mBM;;AA8mBR;EACE,OAhnBC;EAinBD;EACA;;;AAKN;EACE,kBA3nBa;EA4nBb,eAvnBc;EAwnBd;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;;AACA;EACE,OAhqBK;;AAsqBb;EACE;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA,OA/sBD;;AAitBC;EACE;EACA;EACA;EACA;EACA;;;AAMR;EACE,kBA9tBa;EA+tBb,eA1tBc;EA2tBd;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAMN;AACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EAOA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;;AAKN;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,kBAr2Ba;EAs2Bb;;AAEA;EACE;EACA,OAz2BC;EA02BD,kBA32BW;EA42BX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;EAGF;AAAA;IAEE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;;AAIA;EACE;;;AAKN;EACE,kBAt5Ba;EAu5Bb;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA","file":"style.css"} \ No newline at end of file diff --git a/views/css/style.scss b/views/css/style.scss index 0a5d243..b2f3731 100644 --- a/views/css/style.scss +++ b/views/css/style.scss @@ -267,11 +267,16 @@ input[type="submit"][hidden] { } nav { - margin-top: 15px; + position: sticky; + top: 0; + z-index: 1000; + background-color: $bg; margin-bottom: 15px; - margin-left: 20px; - margin-right: 20px; + padding-left: 20px; + padding-right: 20px; .navigation-wrapper { + padding-top: 15px; + padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; @@ -375,6 +380,17 @@ nav { @media screen and (max-width: 600px) { nav { + .navigation-wrapper { + padding-top: 10px; // Reduced from 15px + padding-bottom: 10px; // Reduced from 15px + + .sidebar { + br { + margin-top: 0; // Reduced from 10px + } + } + } + .search-form { display: none; } @@ -399,6 +415,7 @@ nav { @media (min-width: $small-breakpoint) { padding-inline: 10px; } + scroll-margin-top: 71px; // Prevent images from being covered; equal to the navigation bar height } .error.container { text-align: center;