public/mailtrain
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Alignments with IVIS

Browse source
This commit is contained in:
Tomas Bures 2019-01-12 00:57:10 +01:00
parent c1731bf09f
commit ab6c6b7d27
45 changed files with 476 additions and 263 deletions
Download patch file Download diff file Expand all files Collapse all files

129
client/src/scss/mailtrain.scss
View file

@ -13,19 +13,111 @@ $fa-font-path: "../static-npm/fontawesome";
body.mailtrain {
background-color: white;
.app-header {
height: auto;
padding: 0;
flex: none;
border-bottom: 0px none;
.dropdown-item {
border-bottom: none 0px;
}
.navbar-brand {
width: auto;
height: auto;
display: inline-block;
padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y;
margin-right: $navbar-padding-x;
.mt-breadcrumb-and-tertiary-navbar {
display: flex;
border-radius: 0;
@include border-radius($breadcrumb-border-radius);
@include borders($breadcrumb-borders);
background-color: $breadcrumb-bg;
.breadcrumb {
border: 0px none;
margin-bottom: 0px;
padding-top: 11px;
padding-bottom: 12px;
}
margin-bottom: 1.5rem;
}
@include media-breakpoint-down(md) {
.app-header {
position: relative;
}
.app-body {
margin-top: 0px;
}
}
.app-header {
.navbar {
padding: 0 15px;
.navbar-brand {
width: $sidebar-width - 30px;
justify-content: left;
@include media-breakpoint-down(md) {
// This is to keep the title and the menu buttons in order. Normally the brand is position: absolute which distorts the order
position: relative;
top: auto;
left: auto;
margin: 0px;
}
}
}
@include media-breakpoint-down(md) {
.navbar-toggler {
color: #fff;
height: 35px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.navbar-toggler {
.navbar-toggler-icon, &:hover .navbar-toggler-icon {
background-image: $navbar-dark-toggler-icon-bg;
}
}
.navbar-nav {
margin-top: 8px;
margin-bottom: 8px;
}
.mt-navbar-nav-right {
@include media-breakpoint-up(lg) {
flex-grow: 1;
justify-content: flex-end;
}
.nav-item {
.nav-link {
padding: 0px;
}
@include media-breakpoint-up(lg) {
margin-left: 15px;
}
@include media-breakpoint-down(md) {
margin-right: 15px;
.dropdown-menu-right {
right: auto;
left: 0;
}
}
}
}
.mt-navbar-nav-left {
@include media-breakpoint-up(lg) {
margin-left: 15px;
}
.nav-item {
margin-right: 15px;
}
}
.nav-item {
@ -35,6 +127,10 @@ body.mailtrain {
.main .container-fluid {
padding: 0 15px;
@include media-breakpoint-down(md) {
padding: 0 3px;
}
}
.navbar-dark {
@ -44,8 +140,9 @@ body.mailtrain {
}
}
}
.gpg-text {
font-family: monospace;
}
}
.gpg-text {
font-family: monospace;
}