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

Fix some styling
All checks were successful
FarmMaps.Develop/FarmMapsLib/develop This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2019-11-06 13:38:37 +01:00
parent 6ba1d39d31
commit eee83c03d5
5 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/common-map/src/fm-map/components/map/map.component.html
View File

@ -45,11 +45,13 @@
<fm-side-panel [visible]="(menuVisible|async)" class="menu"> <fm-side-panel [visible]="(menuVisible|async)" class="menu">
<div class="container-fluid"> <div class="container-fluid">
<div class="body"> <div class="body">
<div class="logo"> <div class="d-flex flex-row">
<router-outlet name="side-panel-logo"></router-outlet> <div class="mt-2 mb-2 flex-grow-1 logo"><router-outlet name="side-panel-logo"></router-outlet></div>
<span><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></span> <div class="mt-2 mb-2 ml-2"><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></div>
</div> </div>
<router-outlet name="side-panel-menu"></router-outlet> <div class="d-flex flex-column cards">
<router-outlet name="side-panel-menu"></router-outlet>
</div>
</div> </div>
</div> </div>
</fm-side-panel> </fm-side-panel>

9
projects/common-map/src/fm-map/components/map/map.component.scss
View File

@ -85,16 +85,21 @@ switch2d3d {
font-style:italic; font-style:italic;
} }
div.logo { div.header {
display:flex; display:flex;
padding-top:1em; padding-top:1em;
margin-bottom:1em; margin-bottom:1em;
} }
div.logo button { div.header button {
margin-left:1em; margin-left:1em;
} }
.logo {
overflow: hidden;
max-height: 2.5em;
}
timespan { timespan {
position: absolute; position: absolute;
transition: left 0.5s; transition: left 0.5s;

4
projects/common-map/tslint.json
View File

@ -4,13 +4,13 @@
"directive-selector": [ "directive-selector": [
true, true,
"attribute", "attribute",
"lib", "fm-map",
"camelCase" "camelCase"
], ],
"component-selector": [ "component-selector": [
true, true,
"element", "element",
"lib", "fm-map",
"kebab-case" "kebab-case"
] ]
} }

4
projects/common/tslint.json
View File

@ -4,13 +4,13 @@
"directive-selector": [ "directive-selector": [
true, true,
"attribute", "attribute",
"lib", "fm",
"camelCase" "camelCase"
], ],
"component-selector": [ "component-selector": [
true, true,
"element", "element",
"lib", "fm",
"kebab-case" "kebab-case"
] ]
} }

2
src/app/menu/menu.component.scss
View File

@ -1,7 +1,5 @@
.menu-card { .menu-card {
margin-left:-7px;
padding-left:7px; padding-left:7px;
margin-right:-7px;
padding-right:7px; padding-right:7px;
margin-bottom:7px; margin-bottom:7px;
} }