sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-12-24 10:34:17 +00:00
Code Issues Projects Releases Wiki Activity

Restructure some css

Browse Source
This commit is contained in:
Patrick Jentsch 2021-07-16 10:51:14 +02:00
parent 11a9b4f640
commit 03adcdeebc
4 changed files with 36 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/app/static/css/materialize_fixes.css Normal file
View File

@ -0,0 +1,9 @@
/* Fix material icon vertical alignment when nested in various elements */
h1 .nopaque-icons, h2 .nopaque-icons, h3 .nopaque-icons, h4 .nopaque-icons,
.tab .nopaque-icons, .tab .material-icons {
line-height: inherit;
}
.parallax-container .parallax {
z-index: 0;
}

55
web/app/static/css/nopaque.css
View File

@ -1,45 +1,15 @@
/* Fix material icon vertical alignment when nested in various elements */
h1 .nopaque-icons, h2 .nopaque-icons, h3 .nopaque-icons, h4 .nopaque-icons,
.tab .nopaque-icons, .tab .material-icons {
line-height: inherit;
}
main {
margin-top: 48px;
}
/*
* Force the footer to always stay on the bottom of the page regardless of how
* little content is on the page.
*/
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
table.ressource-list tr {
cursor: pointer;
}
.parallax-container .parallax {
z-index: 0;
/* Change navbar height bacause an extended and fixed navbar is used */
.navbar-fixed {
height: 112px;
}
/* add custom bold class */
.bold {
font-weight: bold;
}
.bold {font-weight: bold;}
/* Change placholdertext color of file uplaod fields */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
color: #9e9e9e;
opacity: 1; /* Firefox */
opacity: 1;
}
/* preloader circle in the size of a button icon */
@ -114,15 +84,6 @@ indicator will show up how the column is sorted right now.; */
right:-5px;
}
/* Sticy side elements */
.sticky {
position: -webkit-sticky;
position: sticky;
top: 80px;
padding: 50px;
z-index: 999; /* tmp fix */
}
.show-if-only-child:not(:only-child) {
display: none !important;
}
@ -145,6 +106,4 @@ indicator will show up how the column is sorted right now.; */
.nopaque-icons.service-icon[data-service="nlp"]:empty:before {content: "G";}
.nopaque-icons.service-icon[data-service="ocr"]:empty:before {content: "F";}
.status-text[data-status]:before {
content: attr(data-status);
}
.status-text[data-status]:empty:before {content: attr(data-status);}

18
web/app/static/css/sticky_footer.css Normal file
View File

@ -0,0 +1,18 @@
/*
* Sticky Footer: https://materializecss.com/footer.html#sticky-footer
* A sticky footer always stays on the bottom of the page regardless of how
* little content is on the page. However, this footer will be pushed down if
* there is a lot of content, so it is different from a fixed footer.
*
* Note: This may cause issues in Internet Explorer which has weak support for
* flexbox.
*/
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1 0 auto;
}

2
web/app/templates/_styles.html.j2
View File

@ -4,6 +4,8 @@
<link href="{{ url_for('static', filename='css/sidenav_fixed.css') }}" media="screen,projection" rel="stylesheet">
{% endif %}
<link href="{{ url_for('static', filename='css/nopaque_icons.css') }}" media="screen,projection" rel="stylesheet">
<link href="{{ url_for('static', filename='css/sticky_footer.css') }}" media="screen,projection" rel="stylesheet">
<link href="{{ url_for('static', filename='css/materialize_fixes.css') }}" media="screen,projection" rel="stylesheet">
<link href="{{ url_for('static', filename='css/nopaque.css') }}" media="screen,projection" rel="stylesheet">
<style>
.primary-color {background-color: {{ colors['primary'] }} !important;}