sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-11-14 16:55:42 +00:00
Code Issues Projects Releases Wiki Activity

Make the header span over the complete width

Browse Source
This commit is contained in:
Patrick Jentsch 2024-11-13 16:08:18 +01:00
parent 7b604ce4f2
commit ce253f4a65
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/static/css/materialize.override.css
View File

@ -7,29 +7,28 @@
* *
* Read more: https://materializecss.com/sidenav.html#variations * Read more: https://materializecss.com/sidenav.html#variations
*/ */
body[data-sidenav-fixed="true" i] header,
body[data-sidenav-fixed="true" i] main, body[data-sidenav-fixed="true" i] main,
body[data-sidenav-fixed="true" i] footer { body[data-sidenav-fixed="true" i] footer {
padding-left: 300px; padding-left: 300px;
} }
@media only screen and (max-width : 992px) { @media only screen and (max-width: 992px) {
body[data-sidenav-fixed="true" i] header,
body[data-sidenav-fixed="true" i] main, body[data-sidenav-fixed="true" i] main,
body[data-sidenav-fixed="true" i] footer { body[data-sidenav-fixed="true" i] footer {
padding-left: 0; padding-left: 0;
} }
}
body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
width: calc(100% - 300px);
}
@media only screen and (max-width : 992px) {
body[data-sidenav-fixed="true" i] .navbar-fixed > nav { body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
width: 100%; width: 100%;
} }
} }
@media only screen and (min-width: 993px) {
body[data-sidenav-fixed="true" i] .sidenav-fixed {
margin-top: 64px;
z-index: 996;
}
}
/* #endregion sidenav-fixed */ /* #endregion sidenav-fixed */
/* #region sticky-footer */ /* #region sticky-footer */

4
app/templates/_base/navbar_primary_content.html.j2
View File

@ -10,8 +10,8 @@
<img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;"> <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
</a> </a>
<!-- large devices --> <!-- large devices -->
<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down ml-2" style="height: 100%;"> <a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="width: 300px; height: 100%;">
<img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;"> <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3 ml-4" style="height: 100%;">
</a> </a>
<!-- right aligned navigation links --> <!-- right aligned navigation links -->