This commit is contained in:
Vince 2021-04-10 18:05:02 +08:00
parent bea47f6cc3
commit 9d1fdd969b
14 changed files with 465 additions and 88 deletions

View File

@ -1,10 +1,116 @@
<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<defs> <svg
<filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> xmlns:dc="http://purl.org/dc/elements/1.1/"
<feGaussianBlur stdDeviation="0.32"/> xmlns:cc="http://creativecommons.org/ns#"
</filter> xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
</defs> xmlns:svg="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/> xmlns="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="9.4545" r="8" fill="#d8354a" stroke-width="0"/> xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
<path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="Foreground"
width="42"
height="42"
enable-background="new 0 0 16 16"
version="1.0"
viewBox="0 0 30.545308 30.545308"
sodipodi:docname="window-close-active.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="708"
id="namedview14"
showgrid="false"
inkscape:snap-bbox="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:zoom="2.4903847"
inkscape:cx="-45.319802"
inkscape:cy="-13.68765"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1"
inkscape:current-layer="Foreground"
inkscape:document-rotation="0">
<inkscape:grid
type="xygrid"
id="grid849" />
</sodipodi:namedview>
<defs
id="defs5">
<filter
id="filter879"
x="-0.048"
y="-0.048"
width="1.096"
height="1.096"
color-interpolation-filters="sRGB">
<feGaussianBlur
stdDeviation="0.32"
id="feGaussianBlur2" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1038"
x="-0.038880002"
width="1.07776"
y="-0.038880002"
height="1.07776">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.40057989"
id="feGaussianBlur1040" />
</filter>
</defs>
<circle
cx="15.272654"
cy="15.272654"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle968"
style="opacity:0.1;fill:#000000;filter:url(#filter1038)" />
<circle
cx="15.272654"
cy="14.545384"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle9-3" />
<circle
cx="15.272654"
cy="14.545384"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle863"
style="fill:#000000;opacity:0.15" />
<path
id="rect835-6"
style="fill:#ffffff;stroke-width:1.48723;stroke-linecap:round;stroke-linejoin:round"
d="m 21.186609,8.6314289 c -0.142449,-0.1424492 -0.371808,-0.1424492 -0.514257,0 L 15.272653,14.031127 9.8729549,8.6314289 c -0.1424492,-0.1424492 -0.3718078,-0.1424492 -0.514257,0 -0.1424492,0.1424492 -0.1424492,0.3718078 0,0.514257 l 5.3996981,5.3996981 -5.3996981,5.399699 c -0.1424492,0.142449 -0.1424492,0.371808 0,0.514257 0.1424492,0.142449 0.3718078,0.142449 0.514257,0 l 5.3996981,-5.399699 5.399699,5.399699 c 0.142449,0.142449 0.371808,0.142449 0.514257,0 0.142449,-0.142449 0.142449,-0.371808 0,-0.514257 L 15.78691,14.545384 21.186609,9.1456859 c 0.142449,-0.1424492 0.142449,-0.3718078 0,-0.514257 z" />
<path
id="circle840"
d="M 15.268393,2.1818077 A 12.363577,12.363577 0 0 0 2.909077,14.545385 12.363577,12.363577 0 0 0 2.9147588,14.91186 12.363577,12.363577 0 0 1 15.272654,2.909077 12.363577,12.363577 0 0 1 27.63055,14.906179 12.363577,12.363577 0 0 0 27.63625,14.545385 12.363577,12.363577 0 0 0 15.272673,2.1818077 a 12.363577,12.363577 0 0 0 -0.0043,0 z"
style="opacity:0.1;fill:#ffffff;stroke-width:0.727269" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -1,10 +1,137 @@
<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<defs> <svg
<filter id="filter839" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> xmlns:dc="http://purl.org/dc/elements/1.1/"
<feGaussianBlur stdDeviation="0.32"/> xmlns:cc="http://creativecommons.org/ns#"
</filter> xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
</defs> xmlns:svg="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter839)" opacity=".1" stroke-width="0"/> xmlns="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="9.4545" r="8" fill="#ff7a80" stroke-width="0"/> xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
<path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="Foreground"
width="42"
height="42"
enable-background="new 0 0 16 16"
version="1.0"
viewBox="0 0 30.545308 30.545308"
sodipodi:docname="window-close-hover.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="708"
id="namedview14"
showgrid="false"
inkscape:snap-bbox="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:zoom="7.0438714"
inkscape:cx="23.984453"
inkscape:cy="19.898093"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1"
inkscape:current-layer="Foreground"
inkscape:document-rotation="0">
<inkscape:grid
type="xygrid"
id="grid849" />
</sodipodi:namedview>
<defs
id="defs5">
<filter
id="filter879"
x="-0.048"
y="-0.048"
width="1.096"
height="1.096"
color-interpolation-filters="sRGB">
<feGaussianBlur
stdDeviation="0.32"
id="feGaussianBlur2" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter964"
x="-0.108"
width="1.216"
y="-0.108"
height="1.216">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="1.1127219"
id="feGaussianBlur966" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1038"
x="-0.038880002"
width="1.07776"
y="-0.038880002"
height="1.07776">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.40057989"
id="feGaussianBlur1040" />
</filter>
</defs>
<circle
cx="15.272654"
cy="15.272654"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle968"
style="opacity:0.05;fill:#000000;filter:url(#filter1038)" />
<circle
cx="15.272655"
cy="15.272655"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle845"
style="opacity:0.15;fill:#000000;filter:url(#filter964)" />
<circle
cx="15.272654"
cy="14.545384"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle9" />
<circle
cx="15.272654"
cy="14.545384"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle864"
style="fill:#ffffff;opacity:0.15" />
<path
id="rect835"
style="fill:#ffffff;stroke-width:1.48723;stroke-linecap:round;stroke-linejoin:round"
d="m 21.186609,8.6314289 c -0.142449,-0.1424492 -0.371808,-0.1424492 -0.514257,0 L 15.272653,14.031127 9.8729549,8.6314289 c -0.1424492,-0.1424492 -0.3718078,-0.1424492 -0.514257,0 -0.1424492,0.1424492 -0.1424492,0.3718078 0,0.514257 l 5.3996981,5.3996981 -5.3996981,5.399699 c -0.1424492,0.142449 -0.1424492,0.371808 0,0.514257 0.1424492,0.142449 0.3718078,0.142449 0.514257,0 l 5.3996981,-5.399699 5.399699,5.399699 c 0.142449,0.142449 0.371808,0.142449 0.514257,0 0.142449,-0.142449 0.142449,-0.371808 0,-0.514257 L 15.78691,14.545384 21.186609,9.1456859 c 0.142449,-0.1424492 0.142449,-0.3718078 0,-0.514257 z" />
<path
id="circle840"
d="M 15.268393,2.1818077 A 12.363577,12.363577 0 0 0 2.909077,14.545385 12.363577,12.363577 0 0 0 2.9147588,14.91186 12.363577,12.363577 0 0 1 15.272654,2.909077 12.363577,12.363577 0 0 1 27.63055,14.906179 12.363577,12.363577 0 0 0 27.63625,14.545385 12.363577,12.363577 0 0 0 15.272673,2.1818077 a 12.363577,12.363577 0 0 0 -0.0043,0 z"
style="opacity:0.1;fill:#ffffff;stroke-width:0.727269" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -1,10 +1,119 @@
<svg id="Foreground" width="26" height="26" enable-background="new 0 0 16 16" version="1.0" viewBox="0 0 18.909 18.909" xmlns="http://www.w3.org/2000/svg"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<defs> <svg
<filter id="filter879" x="-.048" y="-.048" width="1.096" height="1.096" color-interpolation-filters="sRGB"> xmlns:dc="http://purl.org/dc/elements/1.1/"
<feGaussianBlur stdDeviation="0.32"/> xmlns:cc="http://creativecommons.org/ns#"
</filter> xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
</defs> xmlns:svg="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="10.182" r="8" fill="#000000" filter="url(#filter879)" opacity=".1" stroke-width="0"/> xmlns="http://www.w3.org/2000/svg"
<circle cx="9.4545" cy="9.4545" r="8" fill="#f75a61" stroke-width="0"/> xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
<path d="m6.1115 5.7478c-0.092952 1e-7 -0.18588 0.035309-0.2571 0.10653-0.14245 0.14245-0.14245 0.37175 0 0.5142l3.0852 3.0866-3.0852 3.0852c-0.14245 0.14245-0.14245 0.37175 0 0.5142 0.14245 0.14245 0.37317 0.14245 0.51562 0l3.0852-3.0852 3.0852 3.0852c0.14245 0.14245 0.37175 0.14245 0.5142 0 0.14245-0.14245 0.14245-0.37175 0-0.5142l-3.0852-3.0852 3.0852-3.0866c0.14245-0.14245 0.14245-0.37175 0-0.5142-0.14245-0.14245-0.37175-0.14245-0.5142 0l-3.0852 3.0852-3.0852-3.0852c-0.071224-0.071224-0.16557-0.10653-0.25852-0.10653z" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3606" style="paint-order:markers stroke fill"/> xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="Foreground"
width="42"
height="42"
enable-background="new 0 0 16 16"
version="1.0"
viewBox="0 0 30.545308 30.545308"
sodipodi:docname="window-close.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="708"
id="namedview14"
showgrid="false"
inkscape:snap-bbox="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:zoom="9.9615384"
inkscape:cx="13.152602"
inkscape:cy="27.340054"
inkscape:window-x="0"
inkscape:window-y="28"
inkscape:window-maximized="1"
inkscape:current-layer="Foreground"
inkscape:document-rotation="0">
<inkscape:grid
type="xygrid"
id="grid849" />
</sodipodi:namedview>
<defs
id="defs5">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter964"
x="-0.108"
width="1.216"
y="-0.108"
height="1.216">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="1.1127219"
id="feGaussianBlur966" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1038"
x="-0.03888"
width="1.07776"
y="-0.03888"
height="1.07776">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="0.40057989"
id="feGaussianBlur1040" />
</filter>
</defs>
<circle
cx="15.272654"
cy="15.272654"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle968"
style="fill:#000000;opacity:0.05;filter:url(#filter1038)" />
<circle
cx="15.272655"
cy="15.272655"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle845"
style="fill:#000000;filter:url(#filter964);opacity:0.15" />
<circle
cx="15.272654"
cy="14.545384"
r="12.363577"
fill="#f75a61"
stroke-width="0"
id="circle9" />
<path
id="rect835"
style="opacity:1;fill:#ffffff;stroke-width:1.48723;stroke-linecap:round;stroke-linejoin:round"
d="m 21.186609,8.6314289 c -0.142449,-0.1424492 -0.371808,-0.1424492 -0.514257,0 L 15.272653,14.031127 9.8729549,8.6314289 c -0.1424492,-0.1424492 -0.3718078,-0.1424492 -0.514257,0 -0.1424492,0.1424492 -0.1424492,0.3718078 0,0.514257 l 5.3996981,5.3996981 -5.3996981,5.399699 c -0.1424492,0.142449 -0.1424492,0.371808 0,0.514257 0.1424492,0.142449 0.3718078,0.142449 0.514257,0 l 5.3996981,-5.399699 5.399699,5.399699 c 0.142449,0.142449 0.371808,0.142449 0.514257,0 0.142449,-0.142449 0.142449,-0.371808 0,-0.514257 L 15.78691,14.545384 21.186609,9.1456859 c 0.142449,-0.1424492 0.142449,-0.3718078 0,-0.514257 z" />
<path
id="circle840"
d="M 20.994141 3 A 17 17 0 0 0 4 20 A 17 17 0 0 0 4.0078125 20.503906 A 17 17 0 0 1 21 4 A 17 17 0 0 1 37.992188 20.496094 A 17 17 0 0 0 38 20 A 17 17 0 0 0 21 3 A 17 17 0 0 0 20.994141 3 z "
transform="scale(0.72726924)"
style="fill:#ffffff;opacity:0.1" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -30,12 +30,12 @@
@import 'common/switches'; @import 'common/switches';
@import 'common/tiled-previews'; @import 'common/tiled-previews';
@import 'common/workspace-switcher'; @import 'common/workspace-switcher';
@import 'common/workspace-thumbnails';
@import 'widgets-3-28/app-grid'; @import 'widgets-3-28/app-grid';
@import 'widgets-3-28/dash'; @import 'widgets-3-28/dash';
@import 'widgets-3-28/login-dialog'; @import 'widgets-3-28/login-dialog';
//@import 'widgets-3-28/other'; @import 'widgets-3-28/other';
@import 'widgets-3-28/overview'; @import 'widgets-3-28/overview';
@import 'widgets-3-28/panel'; @import 'widgets-3-28/panel';
@import 'widgets-3-28/search-results'; @import 'widgets-3-28/search-results';
@import 'widgets-3-28/window-picker'; @import 'widgets-3-28/window-picker';
@import 'widgets-3-28/workspace-thumbnails';

View File

@ -30,7 +30,6 @@
@import 'common/switches'; @import 'common/switches';
@import 'common/tiled-previews'; @import 'common/tiled-previews';
@import 'common/workspace-switcher'; @import 'common/workspace-switcher';
@import 'common/workspace-thumbnails';
@import 'widgets-40-0/app-grid'; @import 'widgets-40-0/app-grid';
@import 'widgets-40-0/dash'; @import 'widgets-40-0/dash';
@import 'widgets-40-0/misc'; @import 'widgets-40-0/misc';
@ -40,3 +39,4 @@
@import 'widgets-40-0/search-entry'; @import 'widgets-40-0/search-entry';
@import 'widgets-40-0/search-results'; @import 'widgets-40-0/search-results';
@import 'widgets-40-0/window-picker'; @import 'widgets-40-0/window-picker';
@import 'widgets-40-0/workspace-thumbnails';

View File

@ -1,5 +1,29 @@
/* Date/Time Menu */ /* Date/Time Menu */
$popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8%), 0.95));
%popover_bubble {
color: $alt_fg_color;
background-color: $popover_bubble_bg;
border-radius: $mn_radius;
border: none;
box-shadow: none;
text-shadow: none;
transition: none;
&:hover, &:focus {
color: $fg_color;
background-color: if($variant == 'light', rgba($popover_bubble_bg, 1), rgba(lighten($popover_bubble_bg, 5%), 1));
box-shadow: 0 3px 5px rgba(black, 0.1);
}
&:active {
color: $fg_color;
background-color: if($variant == 'light', darken($popover_bubble_bg, 1%), lighten($popover_bubble_bg, 3%));
box-shadow: none;
}
}
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
@ -45,7 +69,6 @@
/* today button (the date) */ /* today button (the date) */
.datemenu-today-button { .datemenu-today-button {
// min-height: $menuitem_size * 2 - 4px * 2;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
@ -55,12 +78,12 @@
&:hover, &:focus { &:hover, &:focus {
color: $fg_color; color: $fg_color;
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75)); background-color: if($variant == 'light', rgba($popover_bubble_bg, 1), rgba(lighten($popover_bubble_bg, 5%), 1));
} }
&:active { &:active {
color: $fg_color; color: $fg_color;
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75)); background-color: if($variant == 'light', darken($popover_bubble_bg, 5%), lighten($popover_bubble_bg, 8%));
} }
// weekday label // weekday label
@ -80,7 +103,7 @@
margin: 2px 12px; margin: 2px 12px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75)); background-color: $popover_bubble_bg;
padding: 4px 8px; padding: 4px 8px;
text-shadow: none; text-shadow: none;
border-radius: $mn_radius; border-radius: $mn_radius;
@ -98,21 +121,13 @@
} }
// prev/next month icons // prev/next month icons
.calendar-change-month-back StIcon, .calendar-change-month-back,
.calendar-change-month-forward StIcon { .calendar-change-month-forward {
icon-size: $base_icon_size; padding: 0 4px;
}
.calendar-change-month-back { //arrow back StIcon {
padding: 0 2px; icon-size: $base_icon_size;
background-image: url("assets/calendar-arrow-left.svg"); }
&:rtl { background-image: url("assets/calendar-arrow-right.svg"); }
}
.calendar-change-month-forward { //arrow foreward
padding: 0 2px;
background-image: url("assets/calendar-arrow-right.svg");
&:rtl { background-image: url("assets/calendar-arrow-left.svg"); }
} }
.pager-button { .pager-button {
@ -238,7 +253,7 @@
.world-clocks-button, .world-clocks-button,
.weather-button, .weather-button,
.events-button { .events-button {
@extend %popover_bubble !optional; @extend %popover_bubble;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }

View File

@ -34,7 +34,10 @@
// message bubbles // message bubbles
.message { .message {
margin: 0 4px 6px; margin: 0 4px 6px;
@extend %popover_bubble;
.popup-menu & {
@extend %popover_bubble;
}
// icon container // icon container
.message-icon-bin { .message-icon-bin {

View File

@ -8,12 +8,13 @@
margin: 5px; margin: 5px;
border-radius: $bt_radius; border-radius: $bt_radius;
color: $fg_color; color: $fg_color;
background-color: $base_color; background-color: $menu_bg;
border: none; border: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35); text-shadow: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
&:hover { background-color: rgba($base_color, 1); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); } &:hover { background-color: rgba($menu_bg, 1); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); }
&:focus { background-color: $base_color; } &:focus { background-color: $menu_bg; }
.notification-icon { padding: 5px; } .notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; } .notification-content { padding: 5px; spacing: 5px; }

View File

@ -2,28 +2,6 @@
$popop_menuitem_radius: $wm_radius - 4px; $popop_menuitem_radius: $wm_radius - 4px;
%popover_bubble {
border-radius: $mn_radius;
border: none;
box-shadow: none;
background-color: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 5%), 0.95));
text-shadow: none;
color: $alt_fg_color;
transition: none;
&:hover, &:focus {
color: $fg_color;
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 10%), 1));
box-shadow: 0 3px 5px rgba(black, 0.1);
}
&:active {
color: $fg_color;
background-color: if($variant == 'light', rgba(#fafafa, 1), rgba(lighten($base_color, 8%), 1));
box-shadow: none;
}
}
//.the popover itself //.the popover itself
.popup-menu-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px;

View File

@ -3,7 +3,7 @@
background-color: $light_divider_color; background-color: $light_divider_color;
border-left: 0; border-left: 0;
border-radius: 0 ($bd_radius * 1.5) ($bd_radius * 1.5) 0; border-radius: 0 ($bd_radius * 1.5) ($bd_radius * 1.5) 0;
padding: 0 6px; padding: 6px;
&:rtl { &:rtl {
border-radius: ($bd_radius * 1.5) 0 0 ($bd_radius * 1.5); border-radius: ($bd_radius * 1.5) 0 0 ($bd_radius * 1.5);

View File

@ -43,7 +43,10 @@
.app-folder-popup-bin { padding: 5px; } .app-folder-popup-bin { padding: 5px; }
.no-frequent-applications-label { @extend %status_text; } .no-frequent-applications-label {
@include font(display-2);
color: $light_hint_fg_color;
}
.overview-icon.overview-icon-with-label, .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label { .grid-search-result .overview-icon.overview-icon-with-label {

View File

@ -27,31 +27,33 @@
box-shadow: inset 0 0 0 1px $light_track_color; box-shadow: inset 0 0 0 1px $light_track_color;
} }
$_close_size: 42px;
//close buttons //close buttons
.window-close { .window-close {
background-size: 26px; background-size: $_close_size;
height: 26px; height: $_close_size;
width: 26px; width: $_close_size;
-shell-close-overlap: 10px; -shell-close-overlap: 10px;
border-radius: 100px; border-radius: 100px;
border: 0 none transparent; border: 0 none transparent;
background-color: transparent; background-color: transparent;
color: transparent; color: transparent;
box-shadow: none; box-shadow: none;
StIcon { icon-size: 26px; } // for safety StIcon { icon-size: $_close_size; } // for safety
background-image: url("assets/window-close.svg"); background-image: url("assets/window-close.svg");
&:hover { &:hover {
background-size: 26px; background-size: $_close_size;
height: 26px; height: $_close_size;
width: 26px; width: $_close_size;
background-image: url("assets/window-close-hover.svg"); background-image: url("assets/window-close-hover.svg");
} }
&:active { &:active {
background-size: 26px; background-size: $_close_size;
height: 26px; height: $_close_size;
width: 26px; width: $_close_size;
background-image: url("assets/window-close-active.svg"); background-image: url("assets/window-close-active.svg");
} }
} }

View File

@ -0,0 +1,33 @@
// Workspace pager
.workspace-thumbnails { //container ala dash
color: $light_alt_fg_color;
background-color: $light_divider_color;
border: none;
visible-width: 32px; //amount visible before hover
spacing: 12px;
padding: 16px;
border-radius: $bt_radius;
margin: 6px;
// border-width: 0; //fixme: can't have non unoform borders :(
// &:rtl { border-radius: $bt_radius; }
.placeholder {
background-image: url("assets/dash-placeholder.svg");
background-size: contain;
height: 24px;
}
}
.workspace-thumbnail-indicator {
border: 2px solid $primary_color;
padding: 6px;
border-radius: 2px;
}
//Some hacks I don't even
.all-apps,
.search-display > StBoxLayout,
.frequent-apps > StBoxLayout {
// horizontal padding to make sure scrollbars or dash don't overlap content
padding: 0px 88px 10px 88px;
}