WIP
This commit is contained in:
Marek Lesko
@@ -1,46 +1,46 @@
|
||||
.card-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
.user-category {
|
||||
margin-top: -45px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.featured-card {
|
||||
height: 400px;
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: rgba(33, 33, 33, 0.6);
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.featured-overlay {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-card-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 440px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.blog-title {
|
||||
font-size: 36px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.card-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
.user-category {
|
||||
margin-top: -45px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.featured-card {
|
||||
height: 400px;
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: rgba(33, 33, 33, 0.6);
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.featured-overlay {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-card-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 440px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.blog-title {
|
||||
font-size: 36px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,85 +1,85 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
.cal-event-action {
|
||||
text-decoration: none;
|
||||
margin-left: 5px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.cal-month-view {
|
||||
background-color: transparent !important;
|
||||
|
||||
.cal-open-day-events {
|
||||
background-color: $dark-body-bg !important;
|
||||
}
|
||||
|
||||
.cal-day-badge {
|
||||
background-color: var(--mat-sys-primary) !important;
|
||||
}
|
||||
|
||||
.cal-day-cell.cal-weekend .cal-day-number {
|
||||
color: var(--mat-sys-primary) !important;
|
||||
}
|
||||
|
||||
.cal-cell {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.add-event-date .mat-mdc-icon-button {
|
||||
width: 35px !important;
|
||||
height: 35px !important;
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
html {
|
||||
|
||||
.cal-week-view,
|
||||
.cal-week-view .cal-hour-odd {
|
||||
background-color: var(--mat-sys-surface);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-cell-row:hover,
|
||||
.cal-month-view .cal-cell-row .cal-cell:hover,
|
||||
.cal-month-view .cal-cell.cal-has-events.cal-open,
|
||||
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover,
|
||||
.cal-week-view .cal-day-headers .cal-header:hover,
|
||||
.cal-week-view .cal-day-headers .cal-drag-over {
|
||||
background-color: var(--mat-option-focus-state-layer-color);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-day-cell:not(:last-child) {
|
||||
border-right-color: var(--mat-sys-outline);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-days .cal-cell-row,
|
||||
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
|
||||
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
|
||||
border-bottom-color: var(--mat-sys-outline);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-days,
|
||||
.cal-week-view,
|
||||
.cal-week-view .cal-day-headers,
|
||||
.cal-week-view .cal-time-events,
|
||||
.cal-week-view .cal-day-column,
|
||||
.cal-week-view .cal-day-headers .cal-header:first-child,
|
||||
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
|
||||
border-color: var(--mat-sys-outline);
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// ticket app
|
||||
//
|
||||
.max-text {
|
||||
max-width: 250px;
|
||||
line-height: 1.57;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@use "../variables" as *;
|
||||
|
||||
.cal-event-action {
|
||||
text-decoration: none;
|
||||
margin-left: 5px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.cal-month-view {
|
||||
background-color: transparent !important;
|
||||
|
||||
.cal-open-day-events {
|
||||
background-color: $dark-body-bg !important;
|
||||
}
|
||||
|
||||
.cal-day-badge {
|
||||
background-color: var(--mat-sys-primary) !important;
|
||||
}
|
||||
|
||||
.cal-day-cell.cal-weekend .cal-day-number {
|
||||
color: var(--mat-sys-primary) !important;
|
||||
}
|
||||
|
||||
.cal-cell {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.add-event-date .mat-mdc-icon-button {
|
||||
width: 35px !important;
|
||||
height: 35px !important;
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
html {
|
||||
|
||||
.cal-week-view,
|
||||
.cal-week-view .cal-hour-odd {
|
||||
background-color: var(--mat-sys-surface);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-cell-row:hover,
|
||||
.cal-month-view .cal-cell-row .cal-cell:hover,
|
||||
.cal-month-view .cal-cell.cal-has-events.cal-open,
|
||||
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover,
|
||||
.cal-week-view .cal-day-headers .cal-header:hover,
|
||||
.cal-week-view .cal-day-headers .cal-drag-over {
|
||||
background-color: var(--mat-option-focus-state-layer-color);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-day-cell:not(:last-child) {
|
||||
border-right-color: var(--mat-sys-outline);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-days .cal-cell-row,
|
||||
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
|
||||
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
|
||||
border-bottom-color: var(--mat-sys-outline);
|
||||
}
|
||||
|
||||
.cal-month-view .cal-days,
|
||||
.cal-week-view,
|
||||
.cal-week-view .cal-day-headers,
|
||||
.cal-week-view .cal-time-events,
|
||||
.cal-week-view .cal-day-column,
|
||||
.cal-week-view .cal-day-headers .cal-header:first-child,
|
||||
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
|
||||
border-color: var(--mat-sys-outline);
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// ticket app
|
||||
//
|
||||
.max-text {
|
||||
max-width: 250px;
|
||||
line-height: 1.57;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1,36 +1,36 @@
|
||||
.chat-list {
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
|
||||
&.even {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
-moz-justify-content: flex-end;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-app {
|
||||
.mat-drawer {
|
||||
width: 320px;
|
||||
}
|
||||
.ng-scroll-content {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-listing {
|
||||
.mdc-list-item {
|
||||
height: 75px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.mdc-list-item__primary-text {
|
||||
margin-bottom: -23px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.chat-list {
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
|
||||
&.even {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
-moz-justify-content: flex-end;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-app {
|
||||
.mat-drawer {
|
||||
width: 320px;
|
||||
}
|
||||
.ng-scroll-content {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.chat-listing {
|
||||
.mdc-list-item {
|
||||
height: 75px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.mdc-list-item__primary-text {
|
||||
margin-bottom: -23px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,59 +1,59 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.detail-part.movetodetail {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
background: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.welcome-app {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 959px) {
|
||||
.contact-detail-part {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contact-detail-part.activeContact {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
}
|
||||
|
||||
// contact app
|
||||
.uploader {
|
||||
.upload-image {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-listing {
|
||||
.mdc-list-item__primary-text {
|
||||
margin-bottom: -11px !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
}
|
||||
@use "../variables" as *;
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.detail-part.movetodetail {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
background: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.welcome-app {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 959px) {
|
||||
.contact-detail-part {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contact-detail-part.activeContact {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
}
|
||||
|
||||
// contact app
|
||||
.uploader {
|
||||
.upload-image {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-listing {
|
||||
.mdc-list-item__primary-text {
|
||||
margin-bottom: -11px !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,25 +1,25 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
.course-header {
|
||||
padding: 12px !important;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.course-header,
|
||||
.detail-bg {
|
||||
&.Angular {
|
||||
background-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
&.Web {
|
||||
background-color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
&.Design {
|
||||
background-color: var(--mat-sys-secondary);
|
||||
}
|
||||
|
||||
&.Android {
|
||||
background-color: $warning;
|
||||
}
|
||||
@use "../variables" as *;
|
||||
|
||||
.course-header {
|
||||
padding: 12px !important;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.course-header,
|
||||
.detail-bg {
|
||||
&.Angular {
|
||||
background-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
&.Web {
|
||||
background-color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
&.Design {
|
||||
background-color: var(--mat-sys-secondary);
|
||||
}
|
||||
|
||||
&.Android {
|
||||
background-color: $warning;
|
||||
}
|
||||
}
|
||||
@@ -1,94 +1,94 @@
|
||||
body {
|
||||
|
||||
// Add Product
|
||||
|
||||
.NgxEditor__Wrapper {
|
||||
border: 1px solid var(--mat-sys-outline-variant);
|
||||
}
|
||||
|
||||
.NgxEditor__Seperator {
|
||||
border-left: 1px solid var(--mat-sys-outline-variant);
|
||||
}
|
||||
|
||||
.NgxEditor__MenuBar {
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
border-bottom: 1px solid var(--mat-sys-outline-variant) !important;
|
||||
}
|
||||
|
||||
.NgxEditor {
|
||||
background: var(--mat-card-elevated-container-color);
|
||||
color: var(--mat-sys-on-background);
|
||||
}
|
||||
|
||||
.NgxEditor__MenuItem .NgxEditor__MenuItem--Icon:hover {
|
||||
background-color: var(--mat-sys-primary);
|
||||
color: var(--mat-sys-background);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown:hover {
|
||||
background-color: var(--mat-sys-primary);
|
||||
|
||||
.NgxEditor__Dropdown--Text {
|
||||
color: var(--mat-sys-background);
|
||||
}
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Selected,
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Open {
|
||||
color: var(--mat-sys-background);
|
||||
background-color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Item:hover {
|
||||
background-color: var(--mat-sys-primary-fixed-dim);
|
||||
color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu {
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
|
||||
|
||||
.dropzone-box {
|
||||
border: 1px dashed var(--mat-sys-primary);
|
||||
background-color: var(--mat-sys-primary-fixed-dim);
|
||||
|
||||
.dropzone-content {
|
||||
.preview-image {
|
||||
width: 100px;
|
||||
height: 70px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.headline {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-circle {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: var(--mat-sys-corner-full);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--mat-sys-primary);
|
||||
|
||||
.theme-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.theme-icon {
|
||||
display: block;
|
||||
color: white;
|
||||
width: 18px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
// Add Product
|
||||
|
||||
.NgxEditor__Wrapper {
|
||||
border: 1px solid var(--mat-sys-outline-variant);
|
||||
}
|
||||
|
||||
.NgxEditor__Seperator {
|
||||
border-left: 1px solid var(--mat-sys-outline-variant);
|
||||
}
|
||||
|
||||
.NgxEditor__MenuBar {
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
border-bottom: 1px solid var(--mat-sys-outline-variant) !important;
|
||||
}
|
||||
|
||||
.NgxEditor {
|
||||
background: var(--mat-card-elevated-container-color);
|
||||
color: var(--mat-sys-on-background);
|
||||
}
|
||||
|
||||
.NgxEditor__MenuItem .NgxEditor__MenuItem--Icon:hover {
|
||||
background-color: var(--mat-sys-primary);
|
||||
color: var(--mat-sys-background);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown:hover {
|
||||
background-color: var(--mat-sys-primary);
|
||||
|
||||
.NgxEditor__Dropdown--Text {
|
||||
color: var(--mat-sys-background);
|
||||
}
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Selected,
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Open {
|
||||
color: var(--mat-sys-background);
|
||||
background-color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--Item:hover {
|
||||
background-color: var(--mat-sys-primary-fixed-dim);
|
||||
color: var(--mat-sys-primary);
|
||||
}
|
||||
|
||||
.NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu {
|
||||
background-color: var(--mat-card-elevated-container-color);
|
||||
}
|
||||
|
||||
|
||||
.dropzone-box {
|
||||
border: 1px dashed var(--mat-sys-primary);
|
||||
background-color: var(--mat-sys-primary-fixed-dim);
|
||||
|
||||
.dropzone-content {
|
||||
.preview-image {
|
||||
width: 100px;
|
||||
height: 70px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.headline {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-circle {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: var(--mat-sys-corner-full);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--mat-sys-primary);
|
||||
|
||||
.theme-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.theme-icon {
|
||||
display: block;
|
||||
color: white;
|
||||
width: 18px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,52 +1,52 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
.ngx-pagination {
|
||||
margin-bottom: 15px !important;
|
||||
|
||||
.current {
|
||||
background: var(--mat-sys-primary) !important;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
a {
|
||||
border-radius: $border-radius !important;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: $border-radius !important;
|
||||
}
|
||||
}
|
||||
|
||||
html .mail-sidebar {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.email-box {
|
||||
@media (max-width: 991px) {
|
||||
.detail-part {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.detail-part.movetodetail {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// invoice app
|
||||
|
||||
.add-invoice-list,
|
||||
.edit-invoice-list {
|
||||
.table {
|
||||
.mat-mdc-form-field-infix {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@use "../variables" as *;
|
||||
|
||||
.ngx-pagination {
|
||||
margin-bottom: 15px !important;
|
||||
|
||||
.current {
|
||||
background: var(--mat-sys-primary) !important;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
a {
|
||||
border-radius: $border-radius !important;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: $border-radius !important;
|
||||
}
|
||||
}
|
||||
|
||||
html .mail-sidebar {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.email-box {
|
||||
@media (max-width: 991px) {
|
||||
.detail-part {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.detail-part.movetodetail {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// invoice app
|
||||
|
||||
.add-invoice-list,
|
||||
.edit-invoice-list {
|
||||
.table {
|
||||
.mat-mdc-form-field-infix {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,39 +1,39 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
.task-list-section {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.task-list-container {
|
||||
width: 258px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.connect-sorting {
|
||||
padding: 20px;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
.img-task {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.cdk-drag-preview {
|
||||
box-sizing: border-box;
|
||||
border-radius: $border-radius;
|
||||
box-shadow: var(--mat-sys-level2);
|
||||
}
|
||||
|
||||
.cdk-drag-placeholder {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cdk-drag-animating {
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.cdk-drop-list {
|
||||
padding: 0px 0px 20px 0px !important
|
||||
@use "../variables" as *;
|
||||
|
||||
.task-list-section {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.task-list-container {
|
||||
width: 258px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.connect-sorting {
|
||||
padding: 20px;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
.img-task {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.cdk-drag-preview {
|
||||
box-sizing: border-box;
|
||||
border-radius: $border-radius;
|
||||
box-shadow: var(--mat-sys-level2);
|
||||
}
|
||||
|
||||
.cdk-drag-placeholder {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cdk-drag-animating {
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.cdk-drop-list {
|
||||
padding: 0px 0px 20px 0px !important
|
||||
}
|
||||
@@ -1,25 +1,25 @@
|
||||
@use "../variables" as *;
|
||||
|
||||
.todo-item {
|
||||
position: relative;
|
||||
|
||||
.edit-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: $white;
|
||||
width: 100%;
|
||||
top: 15px;
|
||||
padding: 0 13px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-left-sidebar {
|
||||
&.mat-sidenav {
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
.completed {
|
||||
text-decoration: line-through;
|
||||
@use "../variables" as *;
|
||||
|
||||
.todo-item {
|
||||
position: relative;
|
||||
|
||||
.edit-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background: $white;
|
||||
width: 100%;
|
||||
top: 15px;
|
||||
padding: 0 13px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-left-sidebar {
|
||||
&.mat-sidenav {
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
.completed {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
Reference in New Issue
Block a user