@gjsify/adwaita-web 0.33.0 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/adwaita-web.css +46 -5
- package/dist/adwaita-web.css.map +1 -1
- package/lib/types/styles.generated.d.ts +1 -1
- package/package.json +6 -6
- package/scss/_navigation_split_view.scss +5 -1
- package/scss/_navigation_view.scss +28 -4
- package/scss/_overlay_split_view.scss +5 -1
- package/scss/_panes.scss +57 -0
- package/scss/_sidebar.scss +8 -1
- package/scss/_theme.scss +9 -0
- package/scss/_variables.scss +18 -1
- package/scss/adwaita-skin.scss +1 -0
- package/src/adw-about-dialog.spec.ts +36 -0
- package/src/adw-sidebar.spec.ts +32 -0
- package/src/elements/adw-navigation-split-view.ts +10 -0
- package/src/elements/adw-overlay-split-view.ts +17 -0
- package/src/split-views.spec.ts +91 -0
- package/src/styles.generated.ts +1 -1
package/dist/adwaita-web.css
CHANGED
|
@@ -234,6 +234,15 @@
|
|
|
234
234
|
--headerbar-shade-color: rgba(0, 0, 6, 0.12);
|
|
235
235
|
--separator-color: rgba(0, 0, 6, 0.1);
|
|
236
236
|
--sidebar-bg-color: #ebebed;
|
|
237
|
+
--sidebar-fg-color: rgba(0, 0, 6, 0.8);
|
|
238
|
+
--sidebar-backdrop-color: #f2f2f4;
|
|
239
|
+
--sidebar-shade-color: rgba(0, 0, 6, 0.07);
|
|
240
|
+
--sidebar-border-color: rgba(0, 0, 6, 0.07);
|
|
241
|
+
--secondary-sidebar-bg-color: #f3f3f5;
|
|
242
|
+
--secondary-sidebar-fg-color: rgba(0, 0, 6, 0.8);
|
|
243
|
+
--secondary-sidebar-backdrop-color: #f6f6fa;
|
|
244
|
+
--secondary-sidebar-shade-color: rgba(0, 0, 6, 0.07);
|
|
245
|
+
--secondary-sidebar-border-color: rgba(0, 0, 6, 0.07);
|
|
237
246
|
--card-bg-color: #ffffff;
|
|
238
247
|
--card-fg-color: rgba(0, 0, 6, 0.8);
|
|
239
248
|
--card-shade-color: rgba(0, 0, 6, 0.07);
|
|
@@ -293,6 +302,15 @@
|
|
|
293
302
|
--headerbar-shade-color: rgba(0, 0, 6, 0.36);
|
|
294
303
|
--separator-color: rgba(255, 255, 255, 0.08);
|
|
295
304
|
--sidebar-bg-color: #2e2e32;
|
|
305
|
+
--sidebar-fg-color: #ffffff;
|
|
306
|
+
--sidebar-backdrop-color: #28282c;
|
|
307
|
+
--sidebar-shade-color: rgba(0, 0, 6, 0.25);
|
|
308
|
+
--sidebar-border-color: rgba(0, 0, 6, 0.36);
|
|
309
|
+
--secondary-sidebar-bg-color: #28282c;
|
|
310
|
+
--secondary-sidebar-fg-color: #ffffff;
|
|
311
|
+
--secondary-sidebar-backdrop-color: #252529;
|
|
312
|
+
--secondary-sidebar-shade-color: rgba(0, 0, 6, 0.25);
|
|
313
|
+
--secondary-sidebar-border-color: rgba(0, 0, 6, 0.36);
|
|
296
314
|
--card-bg-color: rgba(255, 255, 255, 0.08);
|
|
297
315
|
--card-fg-color: #ffffff;
|
|
298
316
|
--card-shade-color: rgba(0, 0, 6, 0.36);
|
|
@@ -330,6 +348,15 @@
|
|
|
330
348
|
--headerbar-shade-color: rgba(0, 0, 6, 0.36);
|
|
331
349
|
--separator-color: rgba(255, 255, 255, 0.08);
|
|
332
350
|
--sidebar-bg-color: #2e2e32;
|
|
351
|
+
--sidebar-fg-color: #ffffff;
|
|
352
|
+
--sidebar-backdrop-color: #28282c;
|
|
353
|
+
--sidebar-shade-color: rgba(0, 0, 6, 0.25);
|
|
354
|
+
--sidebar-border-color: rgba(0, 0, 6, 0.36);
|
|
355
|
+
--secondary-sidebar-bg-color: #28282c;
|
|
356
|
+
--secondary-sidebar-fg-color: #ffffff;
|
|
357
|
+
--secondary-sidebar-backdrop-color: #252529;
|
|
358
|
+
--secondary-sidebar-shade-color: rgba(0, 0, 6, 0.25);
|
|
359
|
+
--secondary-sidebar-border-color: rgba(0, 0, 6, 0.36);
|
|
333
360
|
--card-bg-color: rgba(255, 255, 255, 0.08);
|
|
334
361
|
--card-fg-color: #ffffff;
|
|
335
362
|
--card-shade-color: rgba(0, 0, 6, 0.36);
|
|
@@ -2839,6 +2866,21 @@ adw-wrap-box[orientation=vertical][data-line-justify=spread][data-last-line-just
|
|
|
2839
2866
|
margin-top: calc(-1 * var(--adw-wrap-box-child-spacing, 0px));
|
|
2840
2867
|
}
|
|
2841
2868
|
|
|
2869
|
+
.sidebar-pane {
|
|
2870
|
+
background-color: var(--sidebar-bg-color);
|
|
2871
|
+
color: var(--sidebar-fg-color);
|
|
2872
|
+
}
|
|
2873
|
+
|
|
2874
|
+
.sidebar-pane .sidebar-pane {
|
|
2875
|
+
background-color: transparent;
|
|
2876
|
+
color: inherit;
|
|
2877
|
+
}
|
|
2878
|
+
|
|
2879
|
+
.overlay-pane {
|
|
2880
|
+
background-color: var(--window-bg-color);
|
|
2881
|
+
color: var(--window-fg-color);
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2842
2884
|
adw-overlay-split-view {
|
|
2843
2885
|
display: flex;
|
|
2844
2886
|
flex-direction: row;
|
|
@@ -2848,7 +2890,6 @@ adw-overlay-split-view {
|
|
|
2848
2890
|
overflow: hidden;
|
|
2849
2891
|
}
|
|
2850
2892
|
adw-overlay-split-view .adw-osv-sidebar {
|
|
2851
|
-
background-color: var(--sidebar-bg-color);
|
|
2852
2893
|
overflow-y: auto;
|
|
2853
2894
|
flex-shrink: 0;
|
|
2854
2895
|
z-index: 10;
|
|
@@ -2962,7 +3003,6 @@ adw-navigation-split-view .adw-nsv-sidebar {
|
|
|
2962
3003
|
flex-direction: column;
|
|
2963
3004
|
min-height: 0;
|
|
2964
3005
|
flex-shrink: 0;
|
|
2965
|
-
background-color: var(--sidebar-bg-color);
|
|
2966
3006
|
}
|
|
2967
3007
|
adw-navigation-split-view .adw-nsv-content {
|
|
2968
3008
|
display: flex;
|
|
@@ -3666,6 +3706,8 @@ adw-navigation-view {
|
|
|
3666
3706
|
}
|
|
3667
3707
|
adw-navigation-view .adw-navigation-view-pages {
|
|
3668
3708
|
flex: 1 1 auto;
|
|
3709
|
+
display: flex;
|
|
3710
|
+
flex-direction: column;
|
|
3669
3711
|
position: relative;
|
|
3670
3712
|
box-sizing: border-box;
|
|
3671
3713
|
min-height: 0;
|
|
@@ -3673,8 +3715,8 @@ adw-navigation-view .adw-navigation-view-pages {
|
|
|
3673
3715
|
}
|
|
3674
3716
|
adw-navigation-view .adw-navigation-page {
|
|
3675
3717
|
box-sizing: border-box;
|
|
3676
|
-
position:
|
|
3677
|
-
|
|
3718
|
+
position: relative;
|
|
3719
|
+
flex: 1 1 auto;
|
|
3678
3720
|
display: flex;
|
|
3679
3721
|
flex-direction: column;
|
|
3680
3722
|
overflow: auto;
|
|
@@ -3819,7 +3861,6 @@ adw-sidebar .adw-sidebar-item {
|
|
|
3819
3861
|
display: flex;
|
|
3820
3862
|
align-items: center;
|
|
3821
3863
|
gap: var(--spacing-m);
|
|
3822
|
-
width: 100%;
|
|
3823
3864
|
min-height: 36px;
|
|
3824
3865
|
margin: 0 var(--spacing-xs) 2px;
|
|
3825
3866
|
padding: 3px 14px;
|