restyle left component box
parent
1812f20ac4
commit
f837117d90
|
@ -13,3 +13,22 @@
|
|||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
:host/deep/.mat-icon > svg {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
:host/deep/.mat-icon {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
:host/deep/.mat-button-toggle {
|
||||
background: white;
|
||||
color: darkslategrey;
|
||||
}
|
||||
|
||||
:host/deep/.mat-button-toggle-checked {
|
||||
background: rgba(51, 122, 183, 0.64);
|
||||
color: white;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
.war-list-header {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
span > a {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
@ -25,12 +29,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus {
|
|||
background-color: #4e4e4e;
|
||||
}
|
||||
|
||||
.select-list {
|
||||
height: 120%;
|
||||
background: #ececec;
|
||||
box-shadow: 2px 1px 5px grey;
|
||||
}
|
||||
|
||||
.select-list > div:last-child {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
@ -70,6 +68,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus {
|
|||
background: white;
|
||||
font-weight: 700;
|
||||
color: #3e3e3e;
|
||||
margin: 5px;
|
||||
margin: 0 10px 10px 10px;
|
||||
width: 95%;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<div class="select-list">
|
||||
<div class="input-group list-header" *ngIf="loginService.hasPermission(3)">
|
||||
<div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
|
||||
<button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
|
||||
Schlacht hinzufügen
|
||||
</button>
|
||||
|
|
|
@ -2,6 +2,7 @@ div.list-entry, a.list-entry {
|
|||
padding: 8px;
|
||||
border-radius: 2px;
|
||||
border: lightgrey solid 1px;
|
||||
background: white;
|
||||
cursor: pointer;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
@ -39,7 +40,7 @@ span > a, span.glyphicon, span.icon-award {
|
|||
}
|
||||
|
||||
.selected {
|
||||
background-color: aliceblue;
|
||||
background-color: aliceblue !important;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
|
|
|
@ -40,10 +40,17 @@ form {
|
|||
}
|
||||
|
||||
#left {
|
||||
display: none;
|
||||
width: 20%;
|
||||
min-width: 350px;
|
||||
max-width: 450px;
|
||||
float: left;
|
||||
background: #ececec;
|
||||
box-shadow: 2px 1px 5px grey;
|
||||
}
|
||||
|
||||
#left:not(:empty) {
|
||||
display:block!important;
|
||||
}
|
||||
|
||||
#right {
|
||||
|
|
Loading…
Reference in New Issue