@web-atoms/web-controls 2.5.25 → 2.5.26
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
[data-page-app=page-app]{left:0;right:0;top:0}[data-page-app=page-app]>[data-container]{bottom:0;left:0;top:0;transition:left .3s ease-out;width:100%}@media screen{[data-page-app=page-app],[data-page-app=page-app]>[data-container]{overflow:hidden;position:absolute}}[data-page-app=page-app][data-drawer=visible]>[data-container]{left:80%}[data-page-app=page-app][data-drawer=visible]>[data-drawer-page]{left:0}[data-page-app=page-app] [data-drawer-page=drawer-page]{height:100%;left:-80%;overflow:hidden;position:absolute;top:0;transition:left .3s ease-out;width:80%}[data-base-page=base-page]{contain:content;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:40px auto 1fr auto;height:100%;left:0;top:0;transform:translate(100%);transition:transform .3s ease-out;width:100%}@media screen{[data-base-page=base-page]{overflow:hidden;position:absolute}}[data-base-page=base-page]>[data-icon-button=icon-button]{padding:5px}[data-base-page=base-page]>[data-page-element=action-bar]{background-color:var(--accent-color,#d3d3d3);grid-column-end:span 3;grid-column-start:1;grid-row-start:1;z-index:11}[data-base-page=base-page]>[data-page-element=icon]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:1;grid-row-start:1;justify-self:center;padding:10px;text-align:center;width:40px;z-index:14}[data-base-page=base-page]>[data-page-element=title]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:2;grid-row-start:1;justify-self:stretch;padding:5px;z-index:14}[data-base-page=base-page]>[data-page-element=action]{color:var(--accent-text-color,#000);font-size:20px;grid-column-start:3;grid-row-start:1;min-width:40px;padding:10px;z-index:14}[data-base-page=base-page]>[data-page-element=action] button{background:transparent;border:none;font-size:inherit;outline:none;width:30px}[data-base-page=base-page]>button[data-page-element=action]{background:transparent;border:none;min-width:40px;outline:none}[data-base-page=base-page]>[data-page-element=header]{background-color:#c0c0c030;grid-column-end:span 3;grid-column-start:1;grid-row-start:2;padding:5px;z-index:12}[data-base-page=base-page]>[data-page-element=pull-to-refresh]{align-self:start;grid-column-end:span 3;grid-column-start:1;grid-row-start:3;justify-self:center;margin:10px;padding:5px;z-index:9}[data-base-page=base-page]>[data-page-element=pull-to-refresh] .pull-icon{transition:all .3s ease-out}[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=up] .pull-icon{transform:rotate(180deg)}[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=down]) .down,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=loading]) .loading,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=up]) .up,[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=loading] .pull-icon{display:none}[data-base-page=base-page]>[data-page-element=content]{grid-column-end:span 3;grid-column-start:1;grid-row-start:3;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;scrollbar-color:var(--accent-color,orange) transparent;scrollbar-width:5px;z-index:10}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar{width:5px}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid var(--accent-color,orange);border-radius:20px}[data-base-page=base-page]>[data-page-element=footer]{grid-column-end:span 3;grid-column-start:1;grid-row-start:4;padding:5px;z-index:11}[data-base-page=base-page][data-page-state=ready]{transform:translate(0)}[data-base-page=base-page][data-page-state=hidden]{transform:translate(-100%)}[data-base-page=base-page][data-page-removed]{display:none;z-index:-1000}[data-base-page=base-page][data-hide-drawer=true]
|
|
1
|
+
[data-page-app=page-app]{left:0;right:0;top:0}[data-page-app=page-app]>[data-container]{bottom:0;left:0;top:0;transition:left .3s ease-out;width:100%}@media screen{[data-page-app=page-app],[data-page-app=page-app]>[data-container]{overflow:hidden;position:absolute}}[data-page-app=page-app][data-drawer=visible]>[data-container]{left:80%}[data-page-app=page-app][data-drawer=visible]>[data-drawer-page]{left:0}[data-page-app=page-app] [data-drawer-page=drawer-page]{height:100%;left:-80%;overflow:hidden;position:absolute;top:0;transition:left .3s ease-out;width:80%}[data-page-app=page-app][data-hide-drawer=true] [data-drwaer-page],[data-page-app=page-app][data-hide-drawer=true] drawer-menu,[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=action-bar],[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=action],[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=icon],[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=status-bar],[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=title]{display:none}[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=header]{grid-row:1}[data-page-app=page-app][data-hide-toolbar=true] [data-page-element=content]{grid-row:2/span 3}[data-base-page=base-page]{contain:content;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:40px auto 1fr auto;height:100%;left:0;top:0;transform:translate(100%);transition:transform .3s ease-out;width:100%}@media screen{[data-base-page=base-page]{overflow:hidden;position:absolute}}[data-base-page=base-page]>[data-icon-button=icon-button]{padding:5px}[data-base-page=base-page]>[data-page-element=action-bar]{background-color:var(--accent-color,#d3d3d3);grid-column-end:span 3;grid-column-start:1;grid-row-start:1;z-index:11}[data-base-page=base-page]>[data-page-element=icon]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:1;grid-row-start:1;justify-self:center;padding:10px;text-align:center;width:40px;z-index:14}[data-base-page=base-page]>[data-page-element=title]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:2;grid-row-start:1;justify-self:stretch;padding:5px;z-index:14}[data-base-page=base-page]>[data-page-element=action]{color:var(--accent-text-color,#000);font-size:20px;grid-column-start:3;grid-row-start:1;min-width:40px;padding:10px;z-index:14}[data-base-page=base-page]>[data-page-element=action] button{background:transparent;border:none;font-size:inherit;outline:none;width:30px}[data-base-page=base-page]>button[data-page-element=action]{background:transparent;border:none;min-width:40px;outline:none}[data-base-page=base-page]>[data-page-element=header]{background-color:#c0c0c030;grid-column-end:span 3;grid-column-start:1;grid-row-start:2;padding:5px;z-index:12}[data-base-page=base-page]>[data-page-element=pull-to-refresh]{align-self:start;grid-column-end:span 3;grid-column-start:1;grid-row-start:3;justify-self:center;margin:10px;padding:5px;z-index:9}[data-base-page=base-page]>[data-page-element=pull-to-refresh] .pull-icon{transition:all .3s ease-out}[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=up] .pull-icon{transform:rotate(180deg)}[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=down]) .down,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=loading]) .loading,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=up]) .up,[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=loading] .pull-icon{display:none}[data-base-page=base-page]>[data-page-element=content]{grid-column-end:span 3;grid-column-start:1;grid-row-start:3;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;scrollbar-color:var(--accent-color,orange) transparent;scrollbar-width:5px;z-index:10}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar{width:5px}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid var(--accent-color,orange);border-radius:20px}[data-base-page=base-page]>[data-page-element=footer]{grid-column-end:span 3;grid-column-start:1;grid-row-start:4;padding:5px;z-index:11}[data-base-page=base-page][data-page-state=ready]{transform:translate(0)}[data-base-page=base-page][data-page-state=hidden]{transform:translate(-100%)}[data-base-page=base-page][data-page-removed]{display:none;z-index:-1000}[data-base-page=base-page][data-hide-drawer=true] [data-drwaer-page],[data-base-page=base-page][data-hide-drawer=true] drawer-menu,[data-base-page=base-page][data-hide-toolbar=true] [data-page-element=status-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=icon],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=title]{display:none}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=header]{grid-row:1}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=content]{grid-row:2/span 3}@media screen{body{overflow:hidden}body>[data-page-app=page-app]{height:100vh}}@supports (height:100dvh){body>[data-page-app=page-app]{height:100dvh}}
|
|
2
2
|
/*# sourceMappingURL=MobileApp.global.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/mobile-app/MobileApp.global.css"],"names":[],"mappings":"AAAA,yBAEI,MAAS,CACT,OAAU,CAFV,
|
|
1
|
+
{"version":3,"sources":["../../src/mobile-app/MobileApp.global.css"],"names":[],"mappings":"AAAA,yBAEI,MAAS,CACT,OAAU,CAFV,KAkFJ,CA9EI,0CAII,QAAW,CAFX,MAAS,CADT,KAAQ,CAIR,4BAA8B,CAF9B,UAGJ,CAEA,cAKQ,mEAEI,eAAgB,CADhB,iBAEJ,CAER,CAII,+DACI,QACJ,CAEA,iEACI,MACJ,CAGJ,wDAKI,WAAY,CAFZ,SAAU,CAGV,eAAgB,CALhB,iBAAkB,CAClB,KAAQ,CAKR,4BAA8B,CAH9B,SAIJ,CA0BI,ggBACI,YACJ,CAEA,4EACI,UACJ,CAEA,6EACI,iBACJ,CAMR,2BAKI,eAAgB,CAEhB,YAAa,CAEb,mCAAoC,CADpC,qCAAsC,CAJtC,WAAY,CAFZ,MAAS,CADT,KAAQ,CASR,yBAA4B,CAJ5B,iCAAmC,CAHnC,UA0MJ,CAjMI,cACI,2BAEI,eAAgB,CADhB,iBAEJ,CACJ,CAEA,0DACI,WACJ,CAEA,0DAKI,4CAAgD,CADhD,sBAAuB,CADvB,mBAAoB,CADpB,gBAAiB,CADjB,UAKJ,CAEA,oDAKI,iBAAkB,CAIlB,mCAAsC,CARtC,cAAe,CAOf,mBAAoB,CADpB,gBAAiB,CADjB,mBAAoB,CAHpB,YAAa,CACb,iBAAkB,CAMlB,UAAW,CARX,UASJ,CAEA,qDAII,iBAAkB,CAIlB,mCAAsC,CAPtC,cAAe,CAMf,mBAAoB,CADpB,gBAAiB,CADjB,oBAAqB,CAFrB,WAAY,CADZ,UAOJ,CAEA,sDAOI,mCAAsC,CANtC,cAAe,CAIf,mBAAoB,CADpB,gBAAiB,CAEjB,cAAe,CAHf,YAAa,CADb,UAcJ,CAPI,6DAII,sBAAuB,CAFvB,WAAY,CAGZ,iBAAkB,CAFlB,YAAa,CAFb,UAKJ,CAGJ,4DAII,sBAAuB,CAFvB,WAAY,CADZ,cAAe,CAEf,YAEJ,CAEA,sDAMI,0BAA2B,CAD3B,sBAAuB,CADvB,mBAAoB,CADpB,gBAAiB,CADjB,WAAY,CADZ,UAMJ,CAEA,+DAOI,gBAAiB,CAJjB,sBAAuB,CADvB,mBAAoB,CADpB,gBAAiB,CAOjB,mBAAoB,CAHpB,WAAY,CADZ,WAAY,CAEZ,SA2BJ,CAvBI,0EACI,2BACJ,CAEA,wFACI,wBACJ,CAcA,gXACI,YACJ,CAGJ,uDAGI,sBAAuB,CADvB,mBAAoB,CADpB,gBAAiB,CAKjB,iBAAkB,CAClB,eAAgB,CAHhB,WAAY,CACZ,iBAAkB,CAKlB,sDAAyD,CADzD,mBAAoB,CADpB,UAcJ,CAVI,0EACI,SACJ,CAEA,gFACI,qBAAuB,CAEvB,2CAA8C,CAD9C,kBAEJ,CAIJ,sDAGI,sBAAuB,CADvB,mBAAoB,CADpB,gBAAiB,CAIjB,WAAY,CADZ,UAEJ,CAEA,kDACI,sBACJ,CAEA,mDACI,0BACJ,CAEA,8CACI,YAAa,CACb,aACJ,CA0BI,8gBACI,YACJ,CAEA,8EACI,UACJ,CAEA,+EACI,iBACJ,CAIR,cACI,KACI,eAKJ,CAJI,8BACI,YAEJ,CAER,CAEA,0BAEQ,8BACI,aACJ,CAER","file":"MobileApp.global.css"}
|
package/package.json
CHANGED
|
@@ -43,6 +43,44 @@
|
|
|
43
43
|
overflow: hidden;
|
|
44
44
|
transition: left 0.3s ease-out;
|
|
45
45
|
}
|
|
46
|
+
|
|
47
|
+
&[data-hide-drawer=true] {
|
|
48
|
+
& drawer-menu, & [data-drwaer-page] {
|
|
49
|
+
display: none;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&[data-hide-toolbar=true] {
|
|
54
|
+
|
|
55
|
+
& [data-page-element=status-bar] {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
& [data-page-element=icon] {
|
|
60
|
+
display: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
& [data-page-element=title] {
|
|
64
|
+
display: none;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
& [data-page-element=action-bar] {
|
|
68
|
+
display: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
& [data-page-element=action] {
|
|
72
|
+
display: none;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
& [data-page-element=header] {
|
|
76
|
+
grid-row: 1;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
& [data-page-element=content] {
|
|
80
|
+
grid-row: 2 / span 3;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
46
84
|
}
|
|
47
85
|
|
|
48
86
|
|
|
@@ -216,13 +254,7 @@
|
|
|
216
254
|
}
|
|
217
255
|
|
|
218
256
|
&[data-hide-drawer=true] {
|
|
219
|
-
& drawer-menu, &[data-drwaer-page] {
|
|
220
|
-
display: none;
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
&[data-hide-menu=true] {
|
|
225
|
-
& drawer-menu, &[data-drwaer-page] {
|
|
257
|
+
& drawer-menu, & [data-drwaer-page] {
|
|
226
258
|
display: none;
|
|
227
259
|
}
|
|
228
260
|
}
|