9dfac94099
- layouting - fix one-vote polls - filter candidate list - candidate sorting - fix adding/removing of candidates - avoid ui jumping - fix quorum calculations
95 lines
1.6 KiB
SCSS
95 lines
1.6 KiB
SCSS
::ng-deep .progress-green {
|
|
.mat-progress-bar-fill::after {
|
|
background-color: #4caf50;
|
|
}
|
|
.mat-progress-bar-buffer {
|
|
background-color: #d5ecd5;
|
|
}
|
|
}
|
|
|
|
::ng-deep .progress-red {
|
|
.mat-progress-bar-fill::after {
|
|
background-color: #f44336;
|
|
}
|
|
.mat-progress-bar-buffer {
|
|
background-color: #fcd2cf;
|
|
}
|
|
}
|
|
|
|
::ng-deep .progress-yellow {
|
|
.mat-progress-bar-fill::after {
|
|
background-color: #ffc107;
|
|
}
|
|
.mat-progress-bar-buffer {
|
|
background-color: #fff0c4;
|
|
}
|
|
}
|
|
|
|
.poll-result {
|
|
.poll-progress-bar {
|
|
height: 5px;
|
|
width: 100%;
|
|
.mat-progress-bar {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.poll-progress {
|
|
display: flex;
|
|
margin-bottom: 15px;
|
|
margin-top: 15px;
|
|
mat-icon {
|
|
min-width: 40px;
|
|
margin-right: 5px;
|
|
}
|
|
.progress-container {
|
|
width: 85%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.main-nav-color {
|
|
color: rgba(0, 0, 0, 0.54);
|
|
}
|
|
|
|
.poll-quorum-line {
|
|
display: flex;
|
|
vertical-align: bottom;
|
|
.mat-button {
|
|
padding: 1px;
|
|
}
|
|
}
|
|
|
|
.poll-grid {
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
padding: 5px;
|
|
grid-template-columns: 30px auto 250px 150px;
|
|
.candidate-name {
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
.poll-border {
|
|
border: 1px solid lightgray;
|
|
}
|
|
.poll-menu {
|
|
justify-content: flex-end;
|
|
}
|
|
.poll-quorum {
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
mat-icon {
|
|
vertical-align: middle;
|
|
font-size: 100%;
|
|
}
|
|
}
|
|
.top-aligned {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.wide {
|
|
width: 90%;
|
|
}
|