GitLab steht aufgrund wichtiger Wartungsarbeiten am Montag, den 8. März, zwischen 17:00 und 19:00 Uhr nicht zur Verfügung.

Commit cbca7877 authored by Klaus-Dieter Quibeldey-Cirkel's avatar Klaus-Dieter Quibeldey-Cirkel

Merge branch '419-uniform-style-and-position-of-sliders' into 'master'

change slider style

Closes #419

See merge request !416
parents d0944f94 1657b035
Pipeline #46986 passed with stages
in 12 minutes and 4 seconds
......@@ -99,8 +99,17 @@
</ars-fill>
</ars-fill>
<div class="questionwall-present-options-outer">
<div class="questionwall-present-options-inner">
<mat-slider class="questionwall-present-options-slider" min="100" max="400" value="250" (input)="sliderChange($event)"></mat-slider>
<div class="questionwall-present-options-inner" ars-flex-box>
<ars-col class="flex-column-center">
<mat-icon class="icon-color">zoom_out</mat-icon>
</ars-col>
<mat-slider class="questionwall-present-options-slider"
min="100" max="400" value="250"
(input)="sliderChange($event)">
</mat-slider>
<ars-col class="flex-column-center">
<mat-icon class="icon-color">zoom_in</mat-icon>
</ars-col>
</div>
</div>
<ars-col ars-flex-box [width]="450" class="questionwall-list" #colComponent>
......
......@@ -130,14 +130,16 @@
position:relative;
}
&-inner{
width:150px;
width:180px;
height:50px;
position:relative;
top:16px;
left:-182px;
left:-212px;
}
&-slider{
width:100%;
display:flex;
flex-grow:1;
overflow:visible;
}
}
&-box{
......@@ -204,6 +206,20 @@
max-width:100%;
}
.flex{
&-column{
&-center{
display:flex;
flex-direction:column;
justify-content:center;
}
}
}
.icon-color{
color:var(--ars-button-color);
}
}
:host ::ng-deep{
......@@ -215,7 +231,7 @@
}
.questionwall-present-options-slider{
.mat-slider-wrapper{
background-color:var(--ars-border-color);
background-color:var(--ars-button-color-light);
}
.mat-slider-thumb{
background-color:var(--ars-button-color);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment