[SCRIPT] Updated
This commit is contained in:
+20
-11
@@ -81,10 +81,21 @@
|
||||
}
|
||||
|
||||
@keyframes recorder-animation {
|
||||
0% { opacity: 0; }
|
||||
50% { opacity: 1; }
|
||||
90% { opacity: 1; }
|
||||
100% { opacity: 0; }
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
90% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.record-indicator {
|
||||
@@ -110,16 +121,14 @@
|
||||
|
||||
.battery-scale trough,
|
||||
.battery-scale trough highlight {
|
||||
background-color: $surfaceContainerHighest;
|
||||
border-radius: 0.5rem;
|
||||
min-height: 1.5rem;
|
||||
min-width: 6rem;
|
||||
background: $surface;
|
||||
border-radius: 1rem;
|
||||
min-height: 1.3rem;
|
||||
min-width: 5rem;
|
||||
}
|
||||
|
||||
|
||||
.battery-scale trough highlight {
|
||||
background-color: $primary;
|
||||
min-width: 0rem;
|
||||
background: $primary;
|
||||
}
|
||||
|
||||
.battery-icon {
|
||||
|
||||
+158
-150
@@ -2,165 +2,173 @@
|
||||
@include window;
|
||||
min-width: 28rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.control-center-widget {
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.qs-main-box {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.user {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.qs-button {
|
||||
@include hover($surfaceContainerHigh);
|
||||
color: $onSurface;
|
||||
min-height: 2.4rem;
|
||||
border-radius: 1.2rem;
|
||||
transition: 0.3s;
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
||||
&.active {
|
||||
@include hover($primary);
|
||||
color: $surface;
|
||||
.control-center-widget {
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.qs-main-box {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.user {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.qs-button {
|
||||
@include hover($surfaceContainerHigh);
|
||||
color: $onSurface;
|
||||
min-height: 2.4rem;
|
||||
border-radius: 1.2rem;
|
||||
transition: 0.3s;
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
||||
&.active {
|
||||
@include hover($primary);
|
||||
color: $surface;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.qs-button-label {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.control-center-menu {
|
||||
background-color: $surfaceContainerHigh;
|
||||
border-radius: 1rem;
|
||||
padding: 1rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
separator {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.qs-button-label {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.record-menu {
|
||||
background-color: $surfaceContainerHigh;
|
||||
border-radius: 1rem;
|
||||
padding: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.record-icon {
|
||||
color: $error;
|
||||
}
|
||||
|
||||
.record-dropdown {
|
||||
button {
|
||||
all: unset;
|
||||
}
|
||||
.control-center-menu-last-row {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.record-icon {
|
||||
color: $error;
|
||||
}
|
||||
|
||||
.record-dropdown {
|
||||
button {
|
||||
all: unset;
|
||||
color: $onSurfaceVariant;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
.record-cancel-button,
|
||||
.record-start-button {
|
||||
color: $surface;
|
||||
border-radius: 1rem;
|
||||
padding: 0.25rem 0.75rem;
|
||||
font-size: 0.95rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.record-cancel-button {
|
||||
@include hover($surfaceContainerHigh);
|
||||
color: $onSurface;
|
||||
border: 1px solid $primary;
|
||||
}
|
||||
|
||||
.record-start-button {
|
||||
@include hover($primary);
|
||||
}
|
||||
|
||||
.volume-entry {
|
||||
@include hover($surfaceContainerHigh);
|
||||
transition: 0.3s;
|
||||
border-radius: 1rem;
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
.volume-entry-list-header-label {
|
||||
font-size: 1.35rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.volume-entry-list-header-box {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.user-name-box {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.user-name-secondary {
|
||||
color: $onSurfaceVariant;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
.user-settings {
|
||||
@include hover($surfaceContainerHighest);
|
||||
color: $onSurface;
|
||||
border-radius: 2rem;
|
||||
min-width: 2.35rem;
|
||||
margin: 0.4rem 0rem;
|
||||
margin-right: 0.5rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.user-power {
|
||||
@include hover($primary);
|
||||
color: $surface;
|
||||
border-radius: 1.5rem;
|
||||
min-width: 2.35rem;
|
||||
margin: 0.4rem 0rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.network-header-box {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.network-header-label {
|
||||
font-size: 1.35rem;
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.network-item {
|
||||
@include hover($surfaceContainerHigh);
|
||||
transition: 0.3s;
|
||||
border-radius: 1rem;
|
||||
padding: 0.5rem 0.5rem;
|
||||
|
||||
.record-cancel-button,
|
||||
.record-start-button {
|
||||
color: $surface;
|
||||
border-radius: 1rem;
|
||||
padding: 0.25rem 0.75rem;
|
||||
font-size: 0.95rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
label {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.record-cancel-button {
|
||||
@include hover($surfaceContainerHigh);
|
||||
color: $onSurface;
|
||||
border: 1px solid $primary;
|
||||
}
|
||||
.connect-label {
|
||||
font-size: 1rem;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
.volume-entry-label {
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.record-start-button {
|
||||
@include hover($primary);
|
||||
}
|
||||
.volume-mainbox-speaker {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.volume-entry {
|
||||
@include hover($surfaceContainerHigh);
|
||||
transition: 0.3s;
|
||||
border-radius: 1rem;
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
.volume-mainbox-microphone {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.volume-entry-list-header-label {
|
||||
font-size: 1.35rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.volume-entry-list-header-box {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.user-name-box {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.user-name-secondary {
|
||||
color: $onSurfaceVariant;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.user-settings {
|
||||
@include hover($surfaceContainerHighest);
|
||||
color: $onSurface;
|
||||
border-radius: 2rem;
|
||||
min-width: 2.35rem;
|
||||
margin: 0.4rem 0rem;
|
||||
margin-right: 0.5rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.user-power {
|
||||
@include hover($primary);
|
||||
color: $surface;
|
||||
border-radius: 1.5rem;
|
||||
min-width: 2.35rem;
|
||||
margin: 0.4rem 0rem;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.ethernet-header-box,
|
||||
.wifi-header-box,
|
||||
.vpn-header-box {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.ethernet-header-label,
|
||||
.vpn-header-label {
|
||||
font-size: 1.35rem;
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.wifi-header-label {
|
||||
font-size: 1.35rem;
|
||||
}
|
||||
|
||||
.ethernet-connection-item,
|
||||
.wifi-network-item,
|
||||
.vpn-connection-item {
|
||||
@include hover($surfaceContainerHigh);
|
||||
transition: 0.3s;
|
||||
border-radius: 1rem;
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
.ethernet-connection-label,
|
||||
.wifi-network-label,
|
||||
.vpn-connection-label {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.ethernet-connection-item-connect-label,
|
||||
.vpn-connection-item-connect-label {
|
||||
color: $onSurfaceVariant;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.volume-entry-label {
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 1rem;
|
||||
.volume-menubox-speaker {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
+1
-11
@@ -18,6 +18,7 @@ tooltip {
|
||||
.toggle-box {
|
||||
padding: 0.75rem 1rem;
|
||||
border-radius: 1rem;
|
||||
font-size: 1.35rem;
|
||||
background-color: $primaryContainer;
|
||||
}
|
||||
|
||||
@@ -62,14 +63,3 @@ tooltip {
|
||||
@include hover($surface);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.control-center-menu {
|
||||
margin-top: 1rem;
|
||||
background-color: $surfaceContainerHigh;
|
||||
border-radius: 1rem;
|
||||
padding: 1rem;
|
||||
|
||||
separator {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user