vict3459/Ekapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed washing reservation bugs

Browse Source
This commit is contained in:
frederikpyt
2020-07-28 09:21:41 +02:00
parent 4eaf3de6d5
commit 282ac8e735
6 changed files with 85 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
skolehjem/resources/sass/webapp/_default.scss
Vendored
+33 -31
View File
@@ -184,13 +184,6 @@ $primary-color: $blue;
top: -25px;
width: 80px;
&:hover,
&:focus {
background: darken($primary-color, 8%);
transition: all 0.3s ease-in;
outline: none;
}
.icon {
display: inline-block;
}
@@ -226,12 +219,6 @@ $primary-color: $blue;
font-size: 16px;
outline: none;
color: $calendar-button-color;
&:hover,
&:focus {
color: palette(gray-shades, darker);
transition: all 0.3s ease-in;
}
}
@include e(title) {
@@ -241,12 +228,15 @@ $primary-color: $blue;
}
}
.calendar-table__col.selected > .calendar-table__item {
color: white;
}
.calendar-table {
margin-top: 12px;
width: 100%;
@include e(item) {
border: 2px solid transparent;
border-radius: 50%;
color: $calendar-item-text;
font-size: $sm-font-size;
@@ -258,14 +248,6 @@ $primary-color: $blue;
justify-content: center;
cursor: pointer;
&:hover {
background: RGBA(0, 120, 138, 0.6);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
transition: 0.2s all ease-in;
}
&:hover > span {
color: white;
}
@@ -291,12 +273,14 @@ $primary-color: $blue;
width: 40px;
height: 18px;
@include mq(360) {
@include mq(350) {
width: 46px;
height: 20.7px;
}
@include mq(410) {
width: 47.5px;
@include mq(390) {
width: 56px;
height: 25.2px;
}
}
}
@@ -304,18 +288,34 @@ $primary-color: $blue;
@include e(body) {
.calendar-table__col {
width: 40px;
height: 42px;
padding-bottom: 2px;
height: 40px;
border-radius: 50%;
@include mq(360) {
@include mq(350) {
width: 46px;
height: 24px;
height: 46px;
}
@include mq(390) {
width: 56px;
height: 56px;
}
@include mq(410) {
width: 54px;
width: 56px;
height: 56px;
}
@include mq(460) {
width: 61px;
height: 61px;
}
}
.calendar-table__col.selected {
background: $blue;
transition: all 0.3s ease-in;
outline: none;
}
}
@@ -344,7 +344,6 @@ $primary-color: $blue;
.calendar-table__item {
border-radius: 0;
border-width: 2px 0;
}
}
@@ -407,7 +406,10 @@ $primary-color: $blue;
}
.events-container {
display: flex;
flex-direction: column;
padding: 0 15px;
padding-bottom: 1rem;
}
.events {