Commit 4d71d8e4 authored by ju1464's avatar ju1464
Browse files

UDT3.36

parent f92f38b0
...@@ -81,7 +81,7 @@ stage { ...@@ -81,7 +81,7 @@ stage {
.modal-dialog-linked-button { .modal-dialog-linked-button {
min-height: 36px; min-height: 36px;
padding: 0 8px; padding: 0 8px;
border-top: 1px solid transparent !important; border-top: 1px solid #f7f7f7 !important;
border-right-width: 0; border-right-width: 0;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: bold; font-weight: bold;
...@@ -105,7 +105,7 @@ stage { ...@@ -105,7 +105,7 @@ stage {
.modal-dialog-linked-button:hover { .modal-dialog-linked-button:hover {
font-weight: bold; font-weight: bold;
background-color: rgba(58, 68, 230, 0.4); background-color: rgba(58, 68, 230, 0.4);
color: #3A44E6; color: #f7f7f7;
border-color: transparent; border-color: transparent;
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
text-shadow: none; text-shadow: none;
...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */ /* Switches */
.toggle-switch { .toggle-switch {
color: inherit;
width: 40px; width: 40px;
height: 20px; height: 20px;
background-size: contain; background-size: contain;
}
.toggle-switch-us {
background-image: url("assets/toggle-off.svg"); background-image: url("assets/toggle-off.svg");
} }
.toggle-switch-us:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg");
}
.toggle-switch-intl {
background-image: url("assets/toggle-off.svg");
}
.toggle-switch-intl:checked {
background-image: url("assets/toggle-on.svg"); background-image: url("assets/toggle-on.svg");
} }
...@@ -414,6 +404,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -414,6 +404,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message-dialog-title { .message-dialog-title {
font-weight: bold; font-weight: bold;
color: rgba(247, 247, 247, 0.7);
} }
.message-dialog-subtitle { .message-dialog-subtitle {
...@@ -976,12 +967,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -976,12 +967,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.ws-switcher-active-up, .ws-switcher-active-down { .ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 48px; height: 48px;
background-color: #3a44e6; background-color: #3a44e6;
color: white; color: white;
background-size: 32px; background-size: 32px;
border-radius: 5px; border-radius: 5px;
border-color: transparent;
} }
.ws-switcher-box { .ws-switcher-box {
...@@ -1188,6 +1183,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1188,6 +1183,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
margin: 0px 0px; margin: 0px 0px;
border-color: transparent;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
...@@ -1333,6 +1329,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1333,6 +1329,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base { .calendar-day-base {
color: white;
transition-duration: 100ms; transition-duration: 100ms;
font-size: 9pt; font-size: 9pt;
font-weight: 400; font-weight: 400;
...@@ -1395,6 +1392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1395,6 +1392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today { .calendar-today {
font-weight: bold !important; font-weight: bold !important;
border: none; border: none;
background-color: transparent;
} }
.calendar-day-with-events { .calendar-day-with-events {
...@@ -1454,6 +1452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1454,6 +1452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-height: 64px; min-height: 64px;
background-color: transparent; background-color: transparent;
border-radius: 5px; border-radius: 5px;
border-color: transparent;
} }
.message:hover, .message:focus { .message:hover, .message:focus {
...@@ -1517,6 +1516,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1517,6 +1516,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em; font-size: 1em;
} }
.message .message-body {
color: rgba(247, 247, 247, 0.9);
}
.message-content * > StIcon { .message-content * > StIcon {
transition-duration: 100ms; transition-duration: 100ms;
icon-size: 16px; icon-size: 16px;
...@@ -1861,6 +1864,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1861,6 +1864,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: white; color: white;
} }
.search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7);
}
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
icon-size: 16px; icon-size: 16px;
padding: 0 0; padding: 0 0;
...@@ -1970,7 +1977,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1970,7 +1977,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* App Vault/Grid */ /* App Vault/Grid */
.icon-grid { .icon-grid {
spacing: 30px; spacing: 10px;
-shell-grid-horizontal-item-size: 136px; -shell-grid-horizontal-item-size: 136px;
-shell-grid-vertical-item-size: 136px; -shell-grid-vertical-item-size: 136px;
} }
...@@ -2143,12 +2150,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2143,12 +2150,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 100ms; transition-duration: 100ms;
} }
.page-indicator:hover .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: none; background-image: none;
background-color: rgba(58, 68, 230, 0.4); background-color: rgba(58, 68, 230, 0.4);
} }
.page-indicator:active .page-indicator-icon { .page-indicator:hover .page-indicator-icon {
background-image: none; background-image: none;
background-color: #3A44E6; background-color: #3A44E6;
} }
...@@ -2263,6 +2270,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2263,6 +2270,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: transparent; background-color: transparent;
color: rgba(247, 247, 247, 0.7); color: rgba(247, 247, 247, 0.7);
font-weight: 500; font-weight: 500;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none;
transition-duration: 100ms;
} }
.notification-banner .notification-button:first-child { .notification-banner .notification-button:first-child {
...@@ -2280,12 +2291,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2280,12 +2291,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus { .notification-banner .notification-button:hover, .notification-banner .notification-button:focus {
font-weight: bold; font-weight: bold;
background-color: rgba(58, 68, 230, 0.4); background-color: rgba(58, 68, 230, 0.4);
color: #3A44E6; color: #f7f7f7;
} }
.notification-banner .notification-button:active { .notification-banner .notification-button:active {
transition-duration: 200ms; transition-duration: 200ms;
background-color: rgba(247, 247, 247, 0.2); background-color: transparent;
color: #f7f7f7; color: #f7f7f7;
} }
......
...@@ -81,7 +81,7 @@ stage { ...@@ -81,7 +81,7 @@ stage {
.modal-dialog-linked-button { .modal-dialog-linked-button {
min-height: 36px; min-height: 36px;
padding: 0 8px; padding: 0 8px;
border-top: 1px solid transparent !important; border-top: 1px solid #f7f7f7 !important;
border-right-width: 0; border-right-width: 0;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: bold; font-weight: bold;
...@@ -105,7 +105,7 @@ stage { ...@@ -105,7 +105,7 @@ stage {
.modal-dialog-linked-button:hover { .modal-dialog-linked-button:hover {
font-weight: bold; font-weight: bold;
background-color: rgba(69, 200, 71, 0.4); background-color: rgba(69, 200, 71, 0.4);
color: #45C847; color: #f7f7f7;
border-color: transparent; border-color: transparent;
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
text-shadow: none; text-shadow: none;
...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */ /* Switches */
.toggle-switch { .toggle-switch {
color: inherit;
width: 40px; width: 40px;
height: 20px; height: 20px;
background-size: contain; background-size: contain;
}
.toggle-switch-us {
background-image: url("assets/toggle-off.svg"); background-image: url("assets/toggle-off.svg");
} }
.toggle-switch-us:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg");
}
.toggle-switch-intl {
background-image: url("assets/toggle-off.svg");
}
.toggle-switch-intl:checked {
background-image: url("assets/toggle-on.svg"); background-image: url("assets/toggle-on.svg");
} }
...@@ -976,12 +966,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -976,12 +966,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.ws-switcher-active-up, .ws-switcher-active-down { .ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 48px; height: 48px;
background-color: #45c847; background-color: #45c847;
color: white; color: white;
background-size: 32px; background-size: 32px;
border-radius: 5px; border-radius: 5px;
border-color: transparent;
} }
.ws-switcher-box { .ws-switcher-box {
...@@ -1188,6 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1188,6 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
margin: 0px 0px; margin: 0px 0px;
border-color: transparent;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
...@@ -1333,6 +1328,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1333,6 +1328,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base { .calendar-day-base {
color: white;
transition-duration: 100ms; transition-duration: 100ms;
font-size: 9pt; font-size: 9pt;
font-weight: 400; font-weight: 400;
...@@ -1395,6 +1391,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1395,6 +1391,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.calendar-today { .calendar-today {
font-weight: bold !important; font-weight: bold !important;
border: none; border: none;
background-color: transparent;
} }
.calendar-day-with-events { .calendar-day-with-events {
...@@ -1454,6 +1451,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1454,6 +1451,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
min-height: 64px; min-height: 64px;
background-color: transparent; background-color: transparent;
border-radius: 5px; border-radius: 5px;
border-color: transparent;
} }
.message:hover, .message:focus { .message:hover, .message:focus {
...@@ -1517,6 +1515,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1517,6 +1515,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em; font-size: 1em;
} }
.message .message-body {
color: rgba(247, 247, 247, 0.9);
}
.message-content * > StIcon { .message-content * > StIcon {
transition-duration: 100ms; transition-duration: 100ms;
icon-size: 16px; icon-size: 16px;
...@@ -1861,6 +1863,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1861,6 +1863,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: white; color: white;
} }
.search-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7);
}
.search-entry .search-entry-icon { .search-entry .search-entry-icon {
icon-size: 16px; icon-size: 16px;
padding: 0 0; padding: 0 0;
...@@ -1970,7 +1976,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1970,7 +1976,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* App Vault/Grid */ /* App Vault/Grid */
.icon-grid { .icon-grid {
spacing: 30px; spacing: 10px;
-shell-grid-horizontal-item-size: 136px; -shell-grid-horizontal-item-size: 136px;
-shell-grid-vertical-item-size: 136px; -shell-grid-vertical-item-size: 136px;
} }
...@@ -2143,12 +2149,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2143,12 +2149,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 100ms; transition-duration: 100ms;
} }
.page-indicator:hover .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: none; background-image: none;
background-color: rgba(69, 200, 71, 0.4); background-color: rgba(69, 200, 71, 0.4);
} }
.page-indicator:active .page-indicator-icon { .page-indicator:hover .page-indicator-icon {
background-image: none; background-image: none;
background-color: #45c847; background-color: #45c847;
} }
...@@ -2263,6 +2269,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2263,6 +2269,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: transparent; background-color: transparent;
color: rgba(247, 247, 247, 0.7); color: rgba(247, 247, 247, 0.7);
font-weight: 500; font-weight: 500;
box-shadow: 0 0 transparent;
text-shadow: none;
icon-shadow: none;
transition-duration: 100ms;
} }
.notification-banner .notification-button:first-child { .notification-banner .notification-button:first-child {
...@@ -2280,12 +2290,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -2280,12 +2290,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus { .notification-banner .notification-button:hover, .notification-banner .notification-button:focus {
font-weight: bold; font-weight: bold;
background-color: rgba(69, 200, 71, 0.4); background-color: rgba(69, 200, 71, 0.4);
color: #45C847; color: #f7f7f7;
} }
.notification-banner .notification-button:active { .notification-banner .notification-button:active {
transition-duration: 200ms; transition-duration: 200ms;
background-color: rgba(247, 247, 247, 0.2); background-color: transparent;
color: #f7f7f7; color: #f7f7f7;
} }
......
...@@ -81,7 +81,7 @@ stage { ...@@ -81,7 +81,7 @@ stage {
.modal-dialog-linked-button { .modal-dialog-linked-button {
min-height: 36px; min-height: 36px;
padding: 0 8px; padding: 0 8px;
border-top: 1px solid transparent !important; border-top: 1px solid #f7f7f7 !important;
border-right-width: 0; border-right-width: 0;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: bold; font-weight: bold;
...@@ -105,7 +105,7 @@ stage { ...@@ -105,7 +105,7 @@ stage {
.modal-dialog-linked-button:hover { .modal-dialog-linked-button:hover {
font-weight: bold; font-weight: bold;
background-color: rgba(205, 44, 216, 0.4); background-color: rgba(205, 44, 216, 0.4);
color: #CD2CD8; color: #f7f7f7;
border-color: transparent; border-color: transparent;
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
text-shadow: none; text-shadow: none;
...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -304,24 +304,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
/* Switches */ /* Switches */
.toggle-switch { .toggle-switch {
color: inherit;
width: 40px; width: 40px;
height: 20px; height: 20px;
background-size: contain; background-size: contain;
}
.toggle-switch-us {
background-image: url("assets/toggle-off.svg"); background-image: url("assets/toggle-off.svg");
} }
.toggle-switch-us:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg");
}
.toggle-switch-intl {
background-image: url("assets/toggle-off.svg");
}
.toggle-switch-intl:checked {
background-image: url("assets/toggle-on.svg"); background-image: url("assets/toggle-on.svg");
} }
...@@ -976,12 +966,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -976,12 +966,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.ws-switcher-active-up, .ws-switcher-active-down { .ws-switcher-active-up,
.ws-switcher-active-down,
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 48px; height: 48px;
background-color: #cd2cd8; background-color: #cd2cd8;
color: white; color: white;
background-size: 32px; background-size: 32px;
border-radius: 5px; border-radius: 5px;
border-color: transparent;
} }
.ws-switcher-box { .ws-switcher-box {
...@@ -1188,6 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1188,6 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
margin: 0px 0px; margin: 0px 0px;
border-color: transparent;
} }
.datemenu-calendar-column { .datemenu-calendar-column {
...@@ -1333,6 +1328,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { ...@@ -1333,6 +1328,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base { .calendar-day-base {
color: white;
transition-duration: 100ms; transition-duration: 100ms;
font-size: 9pt;