improve styles
parent
a4efa7a69c
commit
58db2eda9a
|
@ -9,13 +9,13 @@ li {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggle-btn {
|
.sidebar-toggle-btn {
|
||||||
background: linear-gradient(-90deg, #e8e5e5, #ffffff);
|
background: #dadada;
|
||||||
filter: drop-shadow(2px 1px 1px #666);
|
filter: drop-shadow(2px 1px 1px #666);
|
||||||
margin-left: -12px;
|
margin-left: -12px;
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggle-btn mat-icon {
|
.sidebar-toggle-btn mat-icon.mat-icon {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -24,16 +24,6 @@ li {
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
|
||||||
float: right;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left {
|
|
||||||
float: left;
|
|
||||||
width: calc(100% - 400px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.scrollable-menu {
|
.scrollable-menu {
|
||||||
height: auto;
|
height: auto;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
form {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
|
@ -0,0 +1,3 @@
|
||||||
|
form {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
|
@ -57,10 +57,12 @@
|
||||||
|
|
||||||
.war-list-header {
|
.war-list-header {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
padding: 15px 5px 5px;
|
||||||
border-right: 1px solid #dadada;
|
border-right: 1px solid #dadada;
|
||||||
|
border-bottom: 1px solid #dadada;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-add-btn {
|
.war-list-header > button {
|
||||||
background: white;
|
background: white;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #3e3e3e;
|
color: #3e3e3e;
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
|
<div class="war-list-header" *ngIf="loginService.hasPermission(3)">
|
||||||
<button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
|
<button mat-stroked-button (click)="selectNewWar()">
|
||||||
Schlacht hinzufügen
|
Schlacht hinzufügen
|
||||||
</button>
|
</button>
|
||||||
<button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()">
|
<button mat-stroked-button (click)="selectNewCampaign()">
|
||||||
Kampagne hinzufügen
|
Kampagne hinzufügen
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
form {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
|
@ -2,7 +2,6 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border-left: thin solid lightgrey;
|
|
||||||
padding: 20px 0 0 50px;
|
padding: 20px 0 0 50px;
|
||||||
top: 50px;
|
top: 50px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
|
@ -45,6 +45,7 @@ form {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
position: static;
|
position: static;
|
||||||
float: left;
|
float: left;
|
||||||
|
border-right: thin solid #dadada;
|
||||||
}
|
}
|
||||||
|
|
||||||
#right {
|
#right {
|
||||||
|
|
Loading…
Reference in New Issue