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 { .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 */