FarmMapsLib/projects/common/src/fm/components/app/app.component.scss

85 lines
1.3 KiB
SCSS

/* Import Bootstrap & Fonts */
@import "~bootstrap/scss/bootstrap.scss";
// custom styles
.btn:focus {
box-shadow:none;
}
.input-group > .form-control:focus {
z-index: auto;
}
.form-control:focus {
box-shadow: none;
border-color: $input-border-color;
}
/* *** Overall APP Styling can go here ***
--------------------------------------------
Note: This Component has ViewEncapsulation.None so the styles will bleed out
*/
body { background: #f1f1f1; line-height: 18px; user-select:none;}
.navbar-brand {
padding-top: .5rem;
padding-bottom: .5rem;
}
.app {
width:100vw;
height:100vh;
}
.app > .navbar {
position: absolute;
transition: top 0.5s ease-out;
top:0;
left: 0;
right: 0;
height: 3.1rem;
}
.app > .body {
position: absolute;
transition: top 0.5s ease-out;
top: 3.1rem;
bottom: 0;
left: 0;
right: 0;
overflow:hidden;
}
.app.fullscreen > .navbar {
top: -3.1rem;
}
.app.fullscreen > .body {
top:0;
}
.btn-primary, .btn-primary:hover {
color: #ffffff;
}
.menu .side-panel {
z-index: 100;
background-color: rgb(245,245,245);
}
.logo {
margin-left: 1rem;
}
.user-menu {
position: absolute;
top:1em;
right:1em;
}