@yongdall/theme 0.6.1 → 0.6.3
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 +1 -1
- package/hooks.mjs.map +1 -1
- package/index.mjs +3 -3
- package/index.mjs.map +1 -1
- package/package.json +3 -3
- package/theme-allSider.css +2 -1
- package/theme-allSider.css.map +1 -1
- package/theme-base.css +46 -37
- package/theme-base.css.map +1 -1
- package/theme-tabs.css +46 -37
- 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.6.
|
|
3
|
+
"version": "0.6.3",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.mjs"
|
|
6
6
|
},
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"devDependencies": {
|
|
9
9
|
"@neeloong/components": "^0.8.0",
|
|
10
10
|
"@neeloong/table": "^0.1.1",
|
|
11
|
-
"@yongdall/web": "^0.6.
|
|
11
|
+
"@yongdall/web": "^0.6.2"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@neeloong/components": "^0.8.0",
|
|
15
15
|
"@neeloong/table": "^0.1.1",
|
|
16
|
-
"@yongdall/web": "^0.6.
|
|
16
|
+
"@yongdall/web": "^0.6.2"
|
|
17
17
|
},
|
|
18
18
|
"main": "./index.mjs",
|
|
19
19
|
"type": "module"
|
package/theme-allSider.css
CHANGED
|
@@ -21,7 +21,6 @@ body.YongDallTheme-allSider {
|
|
|
21
21
|
|
|
22
22
|
&.YongDallTheme-allSider-nav-open {
|
|
23
23
|
padding-inline-start: var(--YongDallTheme-allSider-nav-size);
|
|
24
|
-
overflow: hidden;
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
26
|
.YongDallTheme-activity-page {
|
|
@@ -47,6 +46,7 @@ body.YongDallTheme-allSider {
|
|
|
47
46
|
|
|
48
47
|
|
|
49
48
|
.YongDallTheme-allSider-nav-actions {
|
|
49
|
+
overscroll-behavior: contain;
|
|
50
50
|
inline-size: var(--YongDallTheme-allSider-nav-size);
|
|
51
51
|
position: relative;
|
|
52
52
|
display: flex;
|
|
@@ -160,6 +160,7 @@ body.YongDallTheme-allSider {
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.YongDallTheme-allSider-nav-sidebar {
|
|
163
|
+
overscroll-behavior: contain;
|
|
163
164
|
transition: inline-size 0.2s;
|
|
164
165
|
border-inline-end: 1px solid #f0f0f0;
|
|
165
166
|
background: rgba(0, 21, 41, 0.08);
|
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\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
|
|
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}\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\toverscroll-behavior: contain;\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\toverscroll-behavior: contain;\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;;;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;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;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
|
@@ -28,13 +28,12 @@ body.YongDallTheme-base {
|
|
|
28
28
|
|
|
29
29
|
&.YongDallTheme-base-menu-open {
|
|
30
30
|
padding-inline-start: 0;
|
|
31
|
-
overflow: hidden;
|
|
32
31
|
|
|
33
32
|
}
|
|
34
33
|
}
|
|
35
34
|
}
|
|
36
35
|
|
|
37
|
-
|
|
36
|
+
.YongDallTheme-base-panels>div {
|
|
38
37
|
inline-size: 300px;
|
|
39
38
|
inset-block-start: var(--YongDallTheme-base-nav-size);
|
|
40
39
|
inset-inline-end: 0;
|
|
@@ -88,6 +87,50 @@ body.YongDallTheme-base .YongDallTheme-user {
|
|
|
88
87
|
color: var(--color-nav-text-highlight);
|
|
89
88
|
}
|
|
90
89
|
|
|
90
|
+
|
|
91
|
+
.YongDallTheme-base-actions {
|
|
92
|
+
display: contents;
|
|
93
|
+
|
|
94
|
+
>* {
|
|
95
|
+
flex-shrink: 0;
|
|
96
|
+
background-color: inherit;
|
|
97
|
+
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
>span {
|
|
101
|
+
display: none;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
>a,
|
|
105
|
+
>div {
|
|
106
|
+
|
|
107
|
+
flex-shrink: 0;
|
|
108
|
+
overflow: hidden;
|
|
109
|
+
cursor: pointer;
|
|
110
|
+
inline-size: var(--YongDallTheme-base-button-size);
|
|
111
|
+
line-height: var(--YongDallTheme-base-button-size);
|
|
112
|
+
block-size: 100%;
|
|
113
|
+
text-align: center;
|
|
114
|
+
position: relative;
|
|
115
|
+
font-size: var(--YongDallTheme-base-button-font-size);
|
|
116
|
+
border-block: var(--YongDallTheme-base-button-border-size) solid transparent;
|
|
117
|
+
|
|
118
|
+
&:hover {
|
|
119
|
+
background-color: var(--color-nav-bg-highlight);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
img {
|
|
123
|
+
position: absolute;
|
|
124
|
+
inset: 0;
|
|
125
|
+
margin: auto;
|
|
126
|
+
max-block-size: 100%;
|
|
127
|
+
max-inline-size: 100%;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
}
|
|
133
|
+
|
|
91
134
|
}
|
|
92
135
|
|
|
93
136
|
.YongDallTheme-base-header-title {
|
|
@@ -122,41 +165,7 @@ body.YongDallTheme-base .YongDallTheme-logo>* {
|
|
|
122
165
|
max-block-size: 100%;
|
|
123
166
|
}
|
|
124
167
|
|
|
125
|
-
body.YongDallTheme-base .YongDallTheme-user-button {
|
|
126
|
-
flex-shrink: 0;
|
|
127
|
-
overflow: hidden;
|
|
128
|
-
cursor: pointer;
|
|
129
|
-
inline-size: var(--YongDallTheme-base-button-size);
|
|
130
|
-
line-height: var(--YongDallTheme-base-button-size);
|
|
131
|
-
block-size: 100%;
|
|
132
|
-
text-align: center;
|
|
133
|
-
position: relative;
|
|
134
|
-
font-size: var(--YongDallTheme-base-button-font-size);
|
|
135
|
-
border-block: var(--YongDallTheme-base-button-border-size) solid transparent;
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
>a {
|
|
140
|
-
display: block;
|
|
141
|
-
overflow: hidden;
|
|
142
|
-
inline-size: 100%;
|
|
143
|
-
block-size: 100%;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
|
|
150
168
|
|
|
151
|
-
body.YongDallTheme-base .YongDallTheme-user-button img {
|
|
152
|
-
position: absolute;
|
|
153
|
-
inset: 0;
|
|
154
|
-
margin: auto;
|
|
155
|
-
max-block-size: 100%;
|
|
156
|
-
max-inline-size: 100%;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
body.YongDallTheme-base .YongDallTheme-user-button,
|
|
160
169
|
.YongDallTheme-base-button {
|
|
161
170
|
&:hover {
|
|
162
171
|
background-color: var(--color-nav-bg-highlight);
|
|
@@ -164,7 +173,7 @@ body.YongDallTheme-base .YongDallTheme-user-button,
|
|
|
164
173
|
}
|
|
165
174
|
|
|
166
175
|
.YongDallTheme-base-sidebar {
|
|
167
|
-
|
|
176
|
+
overscroll-behavior: contain;
|
|
168
177
|
position: fixed;
|
|
169
178
|
inset-block-start: var(--YongDallTheme-base-nav-size);
|
|
170
179
|
inset-block-end: 0;
|
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\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\
|
|
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\n\t\t}\n\t}\n}\n\n.YongDallTheme-base-panels>div {\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(100dvb - 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\t\n\t.YongDallTheme-base-actions {\n\t\tdisplay: contents;\n\n\t\t>* {\n\t\t\tflex-shrink: 0;\n\t\t\tbackground-color: inherit;\n\n\t\t}\n\n\t\t>span {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t>a,\n\t\t>div {\n\n\t\t\tflex-shrink: 0;\n\t\t\toverflow: hidden;\n\t\t\tcursor: pointer;\n\t\t\tinline-size: var(--YongDallTheme-base-button-size);\n\t\t\tline-height: var(--YongDallTheme-base-button-size);\n\t\t\tblock-size: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tfont-size: var(--YongDallTheme-base-button-font-size);\n\t\t\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tmax-block-size: 100%;\n\t\t\t\tmax-inline-size: 100%;\n\t\t\t}\n\n\t\t}\n\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\n\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\toverscroll-behavior: contain;\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;;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;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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
|
@@ -59,7 +59,6 @@ body.YongDallTheme-tabs {
|
|
|
59
59
|
|
|
60
60
|
&.YongDallTheme-tabs-menu-open {
|
|
61
61
|
padding-inline-start: 0;
|
|
62
|
-
overflow: hidden;
|
|
63
62
|
|
|
64
63
|
.YongDallTheme-activity {
|
|
65
64
|
inset-inline-start: 0;
|
|
@@ -68,7 +67,7 @@ body.YongDallTheme-tabs {
|
|
|
68
67
|
}
|
|
69
68
|
}
|
|
70
69
|
|
|
71
|
-
|
|
70
|
+
.YongDallTheme-tabs-panels>div {
|
|
72
71
|
inline-size: 300px;
|
|
73
72
|
inset-block-start: var(--YongDallTheme-tabs-nav-size);
|
|
74
73
|
inset-inline-end: 0;
|
|
@@ -123,6 +122,50 @@ body.YongDallTheme-tabs .YongDallTheme-user {
|
|
|
123
122
|
color: var(--color-nav-text-highlight);
|
|
124
123
|
}
|
|
125
124
|
|
|
125
|
+
|
|
126
|
+
.YongDallTheme-tabs-actions {
|
|
127
|
+
display: contents;
|
|
128
|
+
|
|
129
|
+
>* {
|
|
130
|
+
flex-shrink: 0;
|
|
131
|
+
background-color: inherit;
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
>span {
|
|
136
|
+
display: none;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
>a,
|
|
140
|
+
>div {
|
|
141
|
+
|
|
142
|
+
flex-shrink: 0;
|
|
143
|
+
overflow: hidden;
|
|
144
|
+
cursor: pointer;
|
|
145
|
+
inline-size: var(--YongDallTheme-tabs-button-size);
|
|
146
|
+
line-height: var(--YongDallTheme-tabs-button-size);
|
|
147
|
+
block-size: 100%;
|
|
148
|
+
text-align: center;
|
|
149
|
+
position: relative;
|
|
150
|
+
font-size: var(--YongDallTheme-tabs-button-font-size);
|
|
151
|
+
border-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;
|
|
152
|
+
|
|
153
|
+
&:hover {
|
|
154
|
+
background-color: var(--color-nav-bg-highlight);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
img {
|
|
158
|
+
position: absolute;
|
|
159
|
+
inset: 0;
|
|
160
|
+
margin: auto;
|
|
161
|
+
max-block-size: 100%;
|
|
162
|
+
max-inline-size: 100%;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
}
|
|
168
|
+
|
|
126
169
|
}
|
|
127
170
|
|
|
128
171
|
.YongDallTheme-tabs-header-title {
|
|
@@ -157,41 +200,7 @@ body.YongDallTheme-tabs .YongDallTheme-logo>* {
|
|
|
157
200
|
max-block-size: 100%;
|
|
158
201
|
}
|
|
159
202
|
|
|
160
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button {
|
|
161
|
-
flex-shrink: 0;
|
|
162
|
-
overflow: hidden;
|
|
163
|
-
cursor: pointer;
|
|
164
|
-
inline-size: var(--YongDallTheme-tabs-button-size);
|
|
165
|
-
line-height: var(--YongDallTheme-tabs-button-size);
|
|
166
|
-
block-size: 100%;
|
|
167
|
-
text-align: center;
|
|
168
|
-
position: relative;
|
|
169
|
-
font-size: var(--YongDallTheme-tabs-button-font-size);
|
|
170
|
-
border-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
>a {
|
|
175
|
-
display: block;
|
|
176
|
-
overflow: hidden;
|
|
177
|
-
inline-size: 100%;
|
|
178
|
-
block-size: 100%;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
}
|
|
183
|
-
|
|
184
203
|
|
|
185
|
-
|
|
186
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button img {
|
|
187
|
-
position: absolute;
|
|
188
|
-
inset: 0;
|
|
189
|
-
margin: auto;
|
|
190
|
-
max-block-size: 100%;
|
|
191
|
-
max-inline-size: 100%;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button,
|
|
195
204
|
.YongDallTheme-tabs-button {
|
|
196
205
|
&:hover {
|
|
197
206
|
background-color: var(--color-nav-bg-highlight);
|
|
@@ -199,7 +208,7 @@ body.YongDallTheme-tabs .YongDallTheme-user-button,
|
|
|
199
208
|
}
|
|
200
209
|
|
|
201
210
|
.YongDallTheme-tabs-sidebar {
|
|
202
|
-
|
|
211
|
+
overscroll-behavior: contain;
|
|
203
212
|
position: fixed;
|
|
204
213
|
inset-block-start: var(--YongDallTheme-tabs-nav-size);
|
|
205
214
|
inset-block-end: 0;
|
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\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\
|
|
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\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\n.YongDallTheme-tabs-panels>div {\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(100dvb - 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\t.YongDallTheme-tabs-actions {\n\t\tdisplay: contents;\n\n\t\t>* {\n\t\t\tflex-shrink: 0;\n\t\t\tbackground-color: inherit;\n\n\t\t}\n\n\t\t>span {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t>a,\n\t\t>div {\n\n\t\t\tflex-shrink: 0;\n\t\t\toverflow: hidden;\n\t\t\tcursor: pointer;\n\t\t\tinline-size: var(--YongDallTheme-tabs-button-size);\n\t\t\tline-height: var(--YongDallTheme-tabs-button-size);\n\t\t\tblock-size: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tfont-size: var(--YongDallTheme-tabs-button-font-size);\n\t\t\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tmax-block-size: 100%;\n\t\t\t\tmax-inline-size: 100%;\n\t\t\t}\n\n\t\t}\n\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\n\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\toverscroll-behavior: contain;\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;;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;;;AAGA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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"}
|