@yongdall/theme 0.3.3 → 0.4.1
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/hooks.mjs +2 -2
- package/hooks.mjs.map +1 -1
- package/index.mjs +25 -25
- package/index.mjs.map +1 -1
- package/package.json +3 -3
- package/theme-allSider.css +8 -9
- package/theme-allSider.css.map +1 -1
- package/theme-base.css +24 -14
- package/theme-base.css.map +1 -1
- package/theme-tabs.css +30 -17
- package/theme-tabs.css.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yongdall/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.mjs"
|
|
6
6
|
},
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
},
|
|
10
10
|
"devDependencies": {
|
|
11
11
|
"@neeloong/table": "^0.0.2",
|
|
12
|
-
"@yongdall/web": "^0.
|
|
12
|
+
"@yongdall/web": "^0.4.0"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"@neeloong/table": "^0.0.2",
|
|
16
|
-
"@yongdall/web": "^0.
|
|
16
|
+
"@yongdall/web": "^0.4.0"
|
|
17
17
|
},
|
|
18
18
|
"main": "./index.mjs",
|
|
19
19
|
"type": "module"
|
package/theme-allSider.css
CHANGED
|
@@ -6,19 +6,15 @@ body.YongDallTheme-allSider {
|
|
|
6
6
|
--YongDallTheme-allSider-menu-button-font-size: 32px;
|
|
7
7
|
--YongDallTheme-allSider-menu-button-inset: 20px;
|
|
8
8
|
--YongDallTheme-allSider-button-border-size: 2px;
|
|
9
|
-
padding-inline-start: var(--YongDallTheme-allSider-nav-size);
|
|
10
9
|
transition: padding-inline-start 0.2s;
|
|
11
10
|
|
|
12
|
-
.Page {
|
|
13
|
-
min-block-size: 100dvb;
|
|
14
|
-
}
|
|
15
11
|
|
|
16
|
-
.Page-mode-flex {
|
|
17
|
-
block-size: 100dvb;
|
|
18
|
-
}
|
|
19
12
|
|
|
20
|
-
|
|
21
|
-
padding-inline-start:
|
|
13
|
+
@media not print {
|
|
14
|
+
padding-inline-start: var(--YongDallTheme-allSider-nav-size);
|
|
15
|
+
&.YongDallTheme-allSider-nav-open {
|
|
16
|
+
padding-inline-start: calc(var(--YongDallTheme-allSider-nav-size) + var(--theme-sider-size));
|
|
17
|
+
}
|
|
22
18
|
}
|
|
23
19
|
|
|
24
20
|
@media screen and (max-width: 800px) {
|
|
@@ -44,6 +40,9 @@ body.YongDallTheme-allSider {
|
|
|
44
40
|
z-index: 100000;
|
|
45
41
|
transition: bottom 0.5s;
|
|
46
42
|
|
|
43
|
+
@media print {
|
|
44
|
+
display: none!important;
|
|
45
|
+
}
|
|
47
46
|
}
|
|
48
47
|
|
|
49
48
|
|
package/theme-allSider.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-allSider.css","names":[],"sources":["../../packages/theme/theme-allSider.css"],"sourcesContent":["body.YongDallTheme-allSider {\n\t--YongDallTheme-allSider-nav-size: 48px;\n\t--YongDallTheme-allSider-button-size: 40px;\n\t--YongDallTheme-allSider-button-font-size: 20px;\n\t--YongDallTheme-allSider-menu-button-size: 48px;\n\t--YongDallTheme-allSider-menu-button-font-size: 32px;\n\t--YongDallTheme-allSider-menu-button-inset: 20px;\n\t--YongDallTheme-allSider-button-border-size: 2px;\n\
|
|
1
|
+
{"version":3,"file":"theme-allSider.css","names":[],"sources":["../../packages/theme/theme-allSider.css"],"sourcesContent":["body.YongDallTheme-allSider {\n\t--YongDallTheme-allSider-nav-size: 48px;\n\t--YongDallTheme-allSider-button-size: 40px;\n\t--YongDallTheme-allSider-button-font-size: 20px;\n\t--YongDallTheme-allSider-menu-button-size: 48px;\n\t--YongDallTheme-allSider-menu-button-font-size: 32px;\n\t--YongDallTheme-allSider-menu-button-inset: 20px;\n\t--YongDallTheme-allSider-button-border-size: 2px;\n\ttransition: padding-inline-start 0.2s;\n\n\n\n\t@media not print {\n\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: calc(var(--YongDallTheme-allSider-nav-size) + var(--theme-sider-size));\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\t.YongDallTheme-activity-page {\n\t\tline-height: 40px;\n\t}\n}\n\n\n.YongDallTheme-allSider-nav-header {\n\tposition: fixed;\n\tbottom: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\t@media print {\n\t\tdisplay: none!important;\n\t}\n}\n\n\n.YongDallTheme-allSider-nav-actions {\n\tinline-size: var(--YongDallTheme-allSider-nav-size);\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tblock-size: 100%;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\t> :last-child {\n\t\tposition: sticky;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tinline-size: 100%;\n\n\t\tinset-block-end: 0;\n\t\tbox-shadow: 0 0 20px 10px #fff5;\n\t}\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n}\n\n\n.YongDallTheme-allSider-nav-group {\n\tdisplay: contents;\n}\n\n\n.YongDallTheme-allSider-nav-actions .YongDallTheme-logo {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tblock-size: var(--YongDallTheme-allSider-button-size);\n\tline-height: var(--YongDallTheme-allSider-button-size);\n\tinline-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\n\n\tsvg, img {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tmargin: auto;\n\t\tmax-block-size: 40px;\n\t\tmax-inline-size: 40px;\n\t}\n\n}\n\n.YongDallTheme-allSider-nav-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tblock-size: var(--YongDallTheme-allSider-button-size);\n\tline-height: var(--YongDallTheme-allSider-button-size);\n\tinline-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-allSider-button-font-size);\n\tborder-inline: var(--YongDallTheme-allSider-button-border-size) solid transparent;\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\n\t>a {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t}\n\n\t&.YongDallTheme-allSider-nav-selectable:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n\n\t&.YongDallTheme-allSider-nav-selected {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\tborder-inline-end-color: currentColor;\n\t}\n}\n.YongDallTheme-allSider-nav-button:not(.YongDallTheme-user-button) {\n\tdisplay: flex;\n\n\talign-items: center;\n\tjustify-content: space-evenly;\n\n\n\t>svg:only-child, >img:only-child {\n\t\tblock-size: 80%;\n\t}\n\n}\n\n.YongDallTheme-allSider-nav-sidebar {\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: 100%;\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-allSider-nav-open .YongDallTheme-allSider-nav-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: calc(100vw - var(--YongDallTheme-allSider-nav-size));\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|
package/theme-base.css
CHANGED
|
@@ -8,26 +8,22 @@ body.YongDallTheme-base {
|
|
|
8
8
|
--YongDallTheme-base-button-border-size: 2px;
|
|
9
9
|
|
|
10
10
|
padding-inline-start: 0;
|
|
11
|
-
padding-block-start: var(--YongDallTheme-base-nav-size);
|
|
12
11
|
transition: padding-inline-start 0.2s;
|
|
13
12
|
|
|
14
|
-
.Page {
|
|
15
|
-
min-block-size: calc(100dvb - var(--YongDallTheme-base-nav-size));
|
|
16
|
-
}
|
|
17
13
|
|
|
18
|
-
|
|
19
|
-
block-
|
|
20
|
-
|
|
21
|
-
.Page-sides {
|
|
22
|
-
min-inline-size: 200px;
|
|
23
|
-
}
|
|
14
|
+
@media not print {
|
|
15
|
+
--Page-block-start: var(--YongDallTheme-base-nav-size);
|
|
16
|
+
padding-block-start: var(--Page-block-start);
|
|
24
17
|
|
|
18
|
+
&.YongDallTheme-base-menu-open {
|
|
19
|
+
padding-inline-start: var(--theme-sider-size);
|
|
25
20
|
|
|
26
|
-
|
|
27
|
-
padding-inline-start: var(--theme-sider-size);
|
|
21
|
+
}
|
|
28
22
|
|
|
29
23
|
}
|
|
30
24
|
|
|
25
|
+
|
|
26
|
+
|
|
31
27
|
@media screen and (max-width: 800px) {
|
|
32
28
|
|
|
33
29
|
&.YongDallTheme-base-menu-open {
|
|
@@ -49,7 +45,12 @@ body.YongDallTheme-base .YongDallTheme-user {
|
|
|
49
45
|
margin: 0;
|
|
50
46
|
inset-inline-start: auto;
|
|
51
47
|
padding: 0;
|
|
48
|
+
|
|
49
|
+
@media print {
|
|
50
|
+
display: none !important;
|
|
51
|
+
}
|
|
52
52
|
}
|
|
53
|
+
|
|
53
54
|
.YongDallTheme-base-header {
|
|
54
55
|
|
|
55
56
|
position: fixed;
|
|
@@ -68,6 +69,9 @@ body.YongDallTheme-base .YongDallTheme-user {
|
|
|
68
69
|
overflow: auto;
|
|
69
70
|
scrollbar-width: none;
|
|
70
71
|
|
|
72
|
+
@media print {
|
|
73
|
+
display: none !important;
|
|
74
|
+
}
|
|
71
75
|
|
|
72
76
|
>* {
|
|
73
77
|
flex-shrink: 0;
|
|
@@ -108,15 +112,17 @@ body.YongDallTheme-base .YongDallTheme-user {
|
|
|
108
112
|
|
|
109
113
|
|
|
110
114
|
}
|
|
115
|
+
|
|
111
116
|
.YongDallTheme-base-header .YongDallTheme-logo {
|
|
112
117
|
display: contents;
|
|
113
118
|
|
|
114
119
|
}
|
|
115
120
|
|
|
116
|
-
body.YongDallTheme-base .YongDallTheme-logo
|
|
121
|
+
body.YongDallTheme-base .YongDallTheme-logo>* {
|
|
117
122
|
max-block-size: 100%;
|
|
118
123
|
}
|
|
119
|
-
|
|
124
|
+
|
|
125
|
+
body.YongDallTheme-base .YongDallTheme-user-button {
|
|
120
126
|
flex-shrink: 0;
|
|
121
127
|
overflow: hidden;
|
|
122
128
|
cursor: pointer;
|
|
@@ -177,6 +183,10 @@ body.YongDallTheme-base .YongDallTheme-user-button,
|
|
|
177
183
|
max-inline-size: var(--theme-sider-size);
|
|
178
184
|
inline-size: 0;
|
|
179
185
|
|
|
186
|
+
@media print {
|
|
187
|
+
display: none !important;
|
|
188
|
+
}
|
|
189
|
+
|
|
180
190
|
>* {
|
|
181
191
|
inline-size: var(--theme-sider-size);
|
|
182
192
|
block-size: 100%;
|
package/theme-base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-base.css","names":[],"sources":["../../packages/theme/theme-base.css"],"sourcesContent":["body.YongDallTheme-base {\n\t--YongDallTheme-base-nav-size: 48px;\n\t--YongDallTheme-base-button-size: 40px;\n\t--YongDallTheme-base-button-font-size: 20px;\n\t--YongDallTheme-base-menu-button-size: 48px;\n\t--YongDallTheme-base-menu-button-font-size: 32px;\n\t--YongDallTheme-base-menu-button-inset: 20px;\n\t--YongDallTheme-base-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\
|
|
1
|
+
{"version":3,"file":"theme-base.css","names":[],"sources":["../../packages/theme/theme-base.css"],"sourcesContent":["body.YongDallTheme-base {\n\t--YongDallTheme-base-nav-size: 48px;\n\t--YongDallTheme-base-button-size: 40px;\n\t--YongDallTheme-base-button-font-size: 20px;\n\t--YongDallTheme-base-menu-button-size: 48px;\n\t--YongDallTheme-base-menu-button-font-size: 32px;\n\t--YongDallTheme-base-menu-button-inset: 20px;\n\t--YongDallTheme-base-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t@media not print {\n\t\t--Page-block-start: var(--YongDallTheme-base-nav-size);\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t}\n\n\t}\n\n\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: 0;\n\t\t\toverflow: hidden;\n\n\t\t}\n\t}\n}\n\nbody.YongDallTheme-base .YongDallTheme-user {\n\tinline-size: 300px;\n\tinset-block-start: var(--YongDallTheme-base-nav-size);\n\tinset-inline-end: 0;\n\tmax-inline-size: 100dvw;\n\tmax-block-size: calc(100dvh - var(--YongDallTheme-base-nav-size));\n\tborder: #001529 1px solid;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tinset-inline-start: auto;\n\tpadding: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n}\n\n.YongDallTheme-base-header {\n\n\tposition: fixed;\n\tinset-inline: 0;\n\tinset-block-start: 0;\n\tblock-size: var(--YongDallTheme-base-nav-size);\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n}\n\n.YongDallTheme-base-header-title {\n\tfont-weight: bold;\n\tfont-size: 1.2em;\n\tmargin-inline-start: .4em;\n}\n\n\n.YongDallTheme-base-menu-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: calc(var(--YongDallTheme-base-nav-size) * 0.6);\n\tblock-size: calc(var(--YongDallTheme-base-nav-size) * 0.6);\n\tmargin-inline: 4px;\n\ttext-align: center;\n\tposition: relative;\n\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\n\n\n\n}\n\n.YongDallTheme-base-header .YongDallTheme-logo {\n\tdisplay: contents;\n\n}\n\nbody.YongDallTheme-base .YongDallTheme-logo>* {\n\tmax-block-size: 100%;\n}\n\nbody.YongDallTheme-base .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-base-button-size);\n\tline-height: var(--YongDallTheme-base-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-base-button-font-size);\n\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\n\n\n\t>a {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t}\n\n\n}\n\n\n\nbody.YongDallTheme-base .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-base .YongDallTheme-user-button,\n.YongDallTheme-base-button {\n\t&:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n}\n\n.YongDallTheme-base-sidebar {\n\n\tposition: fixed;\n\tinset-block-start: var(--YongDallTheme-base-nav-size);\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: calc(100% - var(--YongDallTheme-base-nav-size));\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-base-menu-open .YongDallTheme-base-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: 100vw;\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;;;AAIA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|
package/theme-tabs.css
CHANGED
|
@@ -9,19 +9,8 @@ body.YongDallTheme-tabs {
|
|
|
9
9
|
--YongDallTheme-tabs-button-border-size: 2px;
|
|
10
10
|
|
|
11
11
|
padding-inline-start: 0;
|
|
12
|
-
padding-block-start: calc(var(--YongDallTheme-tabs-nav-size) + var(--YongDallTheme-tabs-activity-size));
|
|
13
12
|
transition: padding-inline-start 0.2s;
|
|
14
13
|
|
|
15
|
-
.Page {
|
|
16
|
-
min-block-size: calc(100dvb - var(--YongDallTheme-tabs-nav-size) - var(--YongDallTheme-tabs-activity-size));
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.Page-mode-flex {
|
|
20
|
-
block-size: calc(100dvb - var(--YongDallTheme-tabs-nav-size) - var(--YongDallTheme-tabs-activity-size));
|
|
21
|
-
}
|
|
22
|
-
.Page-sides {
|
|
23
|
-
min-inline-size: 200px;
|
|
24
|
-
}
|
|
25
14
|
|
|
26
15
|
.YongDallTheme-activity {
|
|
27
16
|
position: fixed;
|
|
@@ -35,6 +24,10 @@ body.YongDallTheme-tabs {
|
|
|
35
24
|
scrollbar-width: thin;
|
|
36
25
|
z-index: 10000;
|
|
37
26
|
background: var(--color-global-background);
|
|
27
|
+
|
|
28
|
+
@media print {
|
|
29
|
+
display: none !important;
|
|
30
|
+
}
|
|
38
31
|
}
|
|
39
32
|
|
|
40
33
|
.YongDallTheme-activity-page {
|
|
@@ -49,11 +42,16 @@ body.YongDallTheme-tabs {
|
|
|
49
42
|
}
|
|
50
43
|
}
|
|
51
44
|
|
|
52
|
-
|
|
53
|
-
|
|
45
|
+
@media not print {
|
|
46
|
+
--Page-block-start: calc(var(--YongDallTheme-tabs-nav-size) + var(--YongDallTheme-tabs-activity-size));
|
|
47
|
+
padding-block-start: var(--Page-block-start);
|
|
48
|
+
|
|
49
|
+
&.YongDallTheme-tabs-menu-open {
|
|
50
|
+
padding-inline-start: var(--theme-sider-size);
|
|
54
51
|
|
|
55
|
-
|
|
56
|
-
|
|
52
|
+
.YongDallTheme-activity {
|
|
53
|
+
inset-inline-start: var(--theme-sider-size);
|
|
54
|
+
}
|
|
57
55
|
}
|
|
58
56
|
}
|
|
59
57
|
|
|
@@ -81,7 +79,12 @@ body.YongDallTheme-tabs .YongDallTheme-user {
|
|
|
81
79
|
margin: 0;
|
|
82
80
|
inset-inline-start: auto;
|
|
83
81
|
padding: 0;
|
|
82
|
+
|
|
83
|
+
@media print {
|
|
84
|
+
display: none !important;
|
|
85
|
+
}
|
|
84
86
|
}
|
|
87
|
+
|
|
85
88
|
.YongDallTheme-tabs-header {
|
|
86
89
|
|
|
87
90
|
position: fixed;
|
|
@@ -100,6 +103,10 @@ body.YongDallTheme-tabs .YongDallTheme-user {
|
|
|
100
103
|
overflow: auto;
|
|
101
104
|
scrollbar-width: none;
|
|
102
105
|
|
|
106
|
+
@media print {
|
|
107
|
+
display: none !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
103
110
|
|
|
104
111
|
>* {
|
|
105
112
|
flex-shrink: 0;
|
|
@@ -140,15 +147,17 @@ body.YongDallTheme-tabs .YongDallTheme-user {
|
|
|
140
147
|
|
|
141
148
|
|
|
142
149
|
}
|
|
150
|
+
|
|
143
151
|
.YongDallTheme-tabs-header .YongDallTheme-logo {
|
|
144
152
|
display: contents;
|
|
145
153
|
|
|
146
154
|
}
|
|
147
155
|
|
|
148
|
-
body.YongDallTheme-tabs .YongDallTheme-logo
|
|
156
|
+
body.YongDallTheme-tabs .YongDallTheme-logo>* {
|
|
149
157
|
max-block-size: 100%;
|
|
150
158
|
}
|
|
151
|
-
|
|
159
|
+
|
|
160
|
+
body.YongDallTheme-tabs .YongDallTheme-user-button {
|
|
152
161
|
flex-shrink: 0;
|
|
153
162
|
overflow: hidden;
|
|
154
163
|
cursor: pointer;
|
|
@@ -209,6 +218,10 @@ body.YongDallTheme-tabs .YongDallTheme-user-button,
|
|
|
209
218
|
max-inline-size: var(--theme-sider-size);
|
|
210
219
|
inline-size: 0;
|
|
211
220
|
|
|
221
|
+
@media print {
|
|
222
|
+
display: none !important;
|
|
223
|
+
}
|
|
224
|
+
|
|
212
225
|
>* {
|
|
213
226
|
inline-size: var(--theme-sider-size);
|
|
214
227
|
block-size: 100%;
|
package/theme-tabs.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-tabs.css","names":[],"sources":["../../packages/theme/theme-tabs.css"],"sourcesContent":["body.YongDallTheme-tabs {\n\t--YongDallTheme-tabs-nav-size: 48px;\n\t--YongDallTheme-tabs-activity-size: 48px;\n\t--YongDallTheme-tabs-button-size: 40px;\n\t--YongDallTheme-tabs-button-font-size: 20px;\n\t--YongDallTheme-tabs-menu-button-size: 48px;\n\t--YongDallTheme-tabs-menu-button-font-size: 32px;\n\t--YongDallTheme-tabs-menu-button-inset: 20px;\n\t--YongDallTheme-tabs-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\
|
|
1
|
+
{"version":3,"file":"theme-tabs.css","names":[],"sources":["../../packages/theme/theme-tabs.css"],"sourcesContent":["body.YongDallTheme-tabs {\n\t--YongDallTheme-tabs-nav-size: 48px;\n\t--YongDallTheme-tabs-activity-size: 48px;\n\t--YongDallTheme-tabs-button-size: 40px;\n\t--YongDallTheme-tabs-button-font-size: 20px;\n\t--YongDallTheme-tabs-menu-button-size: 48px;\n\t--YongDallTheme-tabs-menu-button-font-size: 32px;\n\t--YongDallTheme-tabs-menu-button-inset: 20px;\n\t--YongDallTheme-tabs-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t.YongDallTheme-activity {\n\t\tposition: fixed;\n\t\tinset-inline: 0;\n\t\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\t\tblock-size: var(--YongDallTheme-tabs-activity-size);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\toverflow: scroll;\n\t\toverflow-y: hidden;\n\t\tscrollbar-width: thin;\n\t\tz-index: 10000;\n\t\tbackground: var(--color-global-background);\n\n\t\t@media print {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t.YongDallTheme-activity-page {\n\t\tmax-inline-size: 300px;\n\t\tmin-inline-size: 100px;\n\t\tmargin-inline: 4px;\n\t\tmargin-block: 4px;\n\t\tborder-radius: 4px;\n\n\t\t>a {\n\t\t\tline-height: auto;\n\t\t}\n\t}\n\n\t@media not print {\n\t\t--Page-block-start: calc(var(--YongDallTheme-tabs-nav-size) + var(--YongDallTheme-tabs-activity-size));\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t\t.YongDallTheme-activity {\n\t\t\t\tinset-inline-start: var(--theme-sider-size);\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: 0;\n\t\t\toverflow: hidden;\n\n\t\t\t.YongDallTheme-activity {\n\t\t\t\tinset-inline-start: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-user {\n\tinline-size: 300px;\n\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\tinset-inline-end: 0;\n\tmax-inline-size: 100dvw;\n\tmax-block-size: calc(100dvh - var(--YongDallTheme-tabs-nav-size));\n\tborder: #001529 1px solid;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tinset-inline-start: auto;\n\tpadding: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n}\n\n.YongDallTheme-tabs-header {\n\n\tposition: fixed;\n\tinset-inline: 0;\n\tinset-block-start: 0;\n\tblock-size: var(--YongDallTheme-tabs-nav-size);\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n}\n\n.YongDallTheme-tabs-header-title {\n\tfont-weight: bold;\n\tfont-size: 1.2em;\n\tmargin-inline-start: .4em;\n}\n\n\n.YongDallTheme-tabs-menu-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: calc(var(--YongDallTheme-tabs-nav-size) * 0.6);\n\tblock-size: calc(var(--YongDallTheme-tabs-nav-size) * 0.6);\n\tmargin-inline: 4px;\n\ttext-align: center;\n\tposition: relative;\n\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\n\n\n\n}\n\n.YongDallTheme-tabs-header .YongDallTheme-logo {\n\tdisplay: contents;\n\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-logo>* {\n\tmax-block-size: 100%;\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-tabs-button-size);\n\tline-height: var(--YongDallTheme-tabs-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-tabs-button-font-size);\n\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\n\n\n\t>a {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t}\n\n\n}\n\n\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button,\n.YongDallTheme-tabs-button {\n\t&:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n}\n\n.YongDallTheme-tabs-sidebar {\n\n\tposition: fixed;\n\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: calc(100% - var(--YongDallTheme-tabs-nav-size));\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-tabs-menu-open .YongDallTheme-tabs-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: 100vw;\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|