@@ -37,11 +37,6 @@ const dashboardWidgetAndSection = css`
37
37
filter: var(- - _widget- filter);
38
38
}
39
39
40
- : host ([selected ]) {
41
- opacity : 1 ;
42
- z-index : 1 ;
43
- }
44
-
45
40
: host ([focused ]) {
46
41
z-index : 1 ;
47
42
}
@@ -86,6 +81,8 @@ const dashboardWidgetAndSection = css`
86
81
--_icon-color : var (--lumo-primary-text-color );
87
82
}
88
83
: host ([selected ]) {
84
+ opacity : 1 ;
85
+ z-index : 1 ;
89
86
--_icon-color : var (--lumo-primary-text-color );
90
87
}
91
88
: host (: is ([move-mode ], [resize-mode ])) {
@@ -257,6 +254,13 @@ const dashboardWidget = css`
257
254
height : var (--lumo-size-s );
258
255
padding-right : 0 ;
259
256
padding-left : 0 ;
257
+ border-bottom-left-radius : 0 ;
258
+ border-bottom-right-radius : 0 ;
259
+ }
260
+
261
+ [part ~= 'resize-shrink-height-button' ]: not ([hidden ]) + [part ~= 'resize-grow-height-button' ] {
262
+ border-top-left-radius : 0 ;
263
+ border-top-right-radius : 0 ;
260
264
}
261
265
262
266
[part ~= 'resize-shrink-height-button' ] + [part ~= 'resize-grow-height-button' ] {
@@ -295,17 +299,6 @@ const dashboardWidget = css`
295
299
--icon : var (--lumo-icons-minus );
296
300
}
297
301
298
- [part ~= 'resize-grow-height-button' ],
299
- [part ~= 'resize-shrink-height-button' ] {
300
- border-bottom-left-radius : 0 ;
301
- border-bottom-right-radius : 0 ;
302
- }
303
-
304
- [part ~= 'resize-shrink-height-button' ]: not ([hidden ]) + [part ~= 'resize-grow-height-button' ] {
305
- border-top-left-radius : 0 ;
306
- border-top-right-radius : 0 ;
307
- }
308
-
309
302
/* Windows High Contrast Mode */
310
303
@media (forced-colors : active) {
311
304
: host {
0 commit comments