progress on shift assign calendar table display

This commit is contained in:
Adam Piontek 2021-03-12 17:26:37 -05:00
parent 235bcc5af3
commit 3fb9602fa8
5 changed files with 161 additions and 3 deletions

View file

@ -18,6 +18,6 @@ $enable-negative-margins: true;
// Colors
$primary: #662c91;
$secondary: #ee6c4d;
$success: #a1c181;
$info: #81c3d7;
$success: #3f784c;
$info: #3f84e5;
$warning: #fcca46;

View file

@ -64,3 +64,59 @@
.right-addon select {
padding-right: 2rem;
}
/* calendar table rounded */
// table.table.table-rounded,
// table.table.table-rounded thead,
// table.table.table-rounded thead tr,
// table.table.table-rounded thead tr th:first-child {
// border-radius: 10px 0 0 10px;
// }
table.table.table-rounded {
border-collapse: separate;
border-spacing: 0;
border-style: hidden;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
thead {
tr {
th {
border-top: 1px solid $table-border-color;
border-right: 1px solid $table-border-color;
border-bottom: 2px solid $black !important;
border-left: none;
&:first-child {
border-top-left-radius: $border-radius;
border-left: 1px solid $table-border-color;
}
&:last-child {
border-top-right-radius: $border-radius;
}
}
}
}
tbody {
tr {
td {
border-top: none;
border-right: 1px solid $table-border-color;
border-bottom: 1px solid $table-border-color !important;
border-left: none;
&:first-child {
border-left: 1px solid $table-border-color;
}
}
&:last-child {
td:first-child {
border-bottom-left-radius: $border-radius;
}
td:last-child {
border-bottom-right-radius: $border-radius;
}
}
}
}
}

View file

@ -34,6 +34,7 @@ import "../node_modules/bootstrap-icons/icons/arrow-repeat.svg"; // resend confi
import "../node_modules/@mdi/svg/svg/head-question-outline.svg"; // forgot password
import "../node_modules/bootstrap-icons/icons/people.svg"; // users management
// calendar/event icons
import "../node_modules/bootstrap-icons/icons/calendar3.svg";
import "../node_modules/bootstrap-icons/icons/calendar3-event.svg";
import "../node_modules/bootstrap-icons/icons/calendar3-range.svg";
import "../node_modules/bootstrap-icons/icons/clock-history.svg"; // shift template