FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Some menu fixes
All checks were successful
FarmMaps.Develop/FarmMapsLib/develop This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma
2020-01-07 21:43:48 +01:00
parent e077aa34df
commit 73550b3201
8 changed files with 228 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
projects/common/src/fm/components/app/app.component.scss
View File

@@ -1,72 +1,77 @@
//@import "theme.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;
}
//@import "theme.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);
}