Adjust appSwitcher and workspaceSwitcher popup to match mockups
This commit is contained in:
parent
65a7b042ed
commit
8bbfa913cb
@ -1003,8 +1003,8 @@ StTooltip {
|
|||||||
.switcher-list {
|
.switcher-list {
|
||||||
background: rgba(0,0,0,0.8);
|
background: rgba(0,0,0,0.8);
|
||||||
border: 1px solid rgba(128,128,128,0.40);
|
border: 1px solid rgba(128,128,128,0.40);
|
||||||
border-radius: 8px;
|
border-radius: 24px;
|
||||||
padding: 18px;
|
padding: 20px;
|
||||||
|
|
||||||
font: 12px sans-serif;
|
font: 12px sans-serif;
|
||||||
color: white;
|
color: white;
|
||||||
@ -1018,7 +1018,9 @@ StTooltip {
|
|||||||
background-gradient-direction: horizontal;
|
background-gradient-direction: horizontal;
|
||||||
background-gradient-start: rgba(51, 51, 51, 1.0);
|
background-gradient-start: rgba(51, 51, 51, 1.0);
|
||||||
background-gradient-end: rgba(51, 51, 51, 0);
|
background-gradient-end: rgba(51, 51, 51, 0);
|
||||||
border-radius: 8px;
|
border-radius: 24px;
|
||||||
|
border-radius-topright: 0px;
|
||||||
|
border-radius-bottomright: 0px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1026,13 +1028,15 @@ StTooltip {
|
|||||||
background-gradient-direction: horizontal;
|
background-gradient-direction: horizontal;
|
||||||
background-gradient-start: rgba(51, 51, 51, 0);
|
background-gradient-start: rgba(51, 51, 51, 0);
|
||||||
background-gradient-end: rgba(51, 51, 51, 1.0);
|
background-gradient-end: rgba(51, 51, 51, 1.0);
|
||||||
border-radius: 8px;
|
border-radius: 24px;
|
||||||
|
border-radius-topleft: 0px;
|
||||||
|
border-radius-bottomleft: 0px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switcher-list .item-box {
|
.switcher-list .item-box {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switcher-list .thumbnail-box {
|
.switcher-list .thumbnail-box {
|
||||||
@ -1047,12 +1051,12 @@ StTooltip {
|
|||||||
.switcher-list .outlined-item-box {
|
.switcher-list .outlined-item-box {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
border: 2px solid rgba(85,85,85,1.0);
|
border: 2px solid rgba(85,85,85,1.0);
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switcher-list .selected-item-box {
|
.switcher-list .selected-item-box {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
background: rgba(255,255,255,0.33);
|
background: rgba(255,255,255,0.33);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1085,16 +1089,16 @@ StTooltip {
|
|||||||
.workspace-switcher-container {
|
.workspace-switcher-container {
|
||||||
background: rgba(0,0,0,0.8);
|
background: rgba(0,0,0,0.8);
|
||||||
border: 1px solid rgba(128,128,128,0.40);
|
border: 1px solid rgba(128,128,128,0.40);
|
||||||
border-radius: 8px;
|
border-radius: 24px;
|
||||||
padding: 12px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.workspace-switcher {
|
.workspace-switcher {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
padding: 4px;
|
padding: 0px;
|
||||||
spacing: 4.5px;
|
spacing: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ws-switcher-active-left {
|
.ws-switcher-active-left {
|
||||||
@ -1102,7 +1106,7 @@ StTooltip {
|
|||||||
border: 0px;
|
border: 0px;
|
||||||
background: rgba(255,255,255,0.5);
|
background: rgba(255,255,255,0.5);
|
||||||
background-image: url("ws-switch-arrow-left.svg");
|
background-image: url("ws-switch-arrow-left.svg");
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ws-switcher-active-right {
|
.ws-switcher-active-right {
|
||||||
@ -1110,14 +1114,14 @@ StTooltip {
|
|||||||
border: 0px;
|
border: 0px;
|
||||||
background: rgba(255,255,255,0.5);
|
background: rgba(255,255,255,0.5);
|
||||||
background-image: url("ws-switch-arrow-right.svg");
|
background-image: url("ws-switch-arrow-right.svg");
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ws-switcher-box {
|
.ws-switcher-box {
|
||||||
height: 96px;
|
height: 96px;
|
||||||
border: 2px solid rgba(85,85,85,0.5);
|
border: 2px solid rgba(85,85,85,0.5);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Run Dialog */
|
/* Run Dialog */
|
||||||
|
Loading…
Reference in New Issue
Block a user