Adjust appSwitcher and workspaceSwitcher popup to match mockups

This commit is contained in:
Adel Gadllah 2010-10-31 17:14:17 +01:00
parent 65a7b042ed
commit 8bbfa913cb

View File

@ -1003,8 +1003,8 @@ StTooltip {
.switcher-list {
background: rgba(0,0,0,0.8);
border: 1px solid rgba(128,128,128,0.40);
border-radius: 8px;
padding: 18px;
border-radius: 24px;
padding: 20px;
font: 12px sans-serif;
color: white;
@ -1018,7 +1018,9 @@ StTooltip {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 1.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;
}
@ -1026,13 +1028,15 @@ StTooltip {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 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;
}
.switcher-list .item-box {
padding: 8px;
border-radius: 4px;
border-radius: 8px;
}
.switcher-list .thumbnail-box {
@ -1047,12 +1051,12 @@ StTooltip {
.switcher-list .outlined-item-box {
padding: 6px;
border: 2px solid rgba(85,85,85,1.0);
border-radius: 4px;
border-radius: 8px;
}
.switcher-list .selected-item-box {
padding: 8px;
border-radius: 4px;
border-radius: 8px;
background: rgba(255,255,255,0.33);
}
@ -1085,16 +1089,16 @@ StTooltip {
.workspace-switcher-container {
background: rgba(0,0,0,0.8);
border: 1px solid rgba(128,128,128,0.40);
border-radius: 8px;
padding: 12px;
border-radius: 24px;
padding: 20px;
}
.workspace-switcher {
background: transparent;
border: 0px;
border-radius: 0px;
padding: 4px;
spacing: 4.5px;
padding: 0px;
spacing: 8px;
}
.ws-switcher-active-left {
@ -1102,7 +1106,7 @@ StTooltip {
border: 0px;
background: rgba(255,255,255,0.5);
background-image: url("ws-switch-arrow-left.svg");
border-radius: 4px;
border-radius: 8px;
}
.ws-switcher-active-right {
@ -1110,14 +1114,14 @@ StTooltip {
border: 0px;
background: rgba(255,255,255,0.5);
background-image: url("ws-switch-arrow-right.svg");
border-radius: 4px;
border-radius: 8px;
}
.ws-switcher-box {
height: 96px;
border: 2px solid rgba(85,85,85,0.5);
background: transparent;
border-radius: 4px;
border-radius: 8px;
}
/* Run Dialog */