@web-atoms/web-controls 2.5.26 → 2.5.27
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/mobile-app/MobileApp.global.css +1 -1
- package/dist/mobile-app/MobileApp.global.css.map +1 -1
- package/dist/styles/desktop-app.global.css +1 -1
- package/dist/styles/desktop-app.global.css.map +1 -1
- package/package.json +1 -1
- package/src/mobile-app/MobileApp.global.css +0 -37
- package/src/styles/desktop-app.global.css +37 -0
|
@@ -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-
|
|
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] [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,KA6CJ,CAzCI,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,CAKJ,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
body,html{height:100vh;width:100vw}body{align-content:stretch;align-items:stretch;flex-direction:row;justify-content:space-around}@media screen{body{display:grid;overflow:hidden}[data-desktop-app=desktop-app]{display:grid;overflow:hidden;position:relative}}[data-desktop-app=desktop-app]{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;min-width:900px}[data-desktop-app=desktop-app] drawer-menu{transition:all .5s ease-out}[data-desktop-app=desktop-app] drawer-menu[drawer-hidden],[data-desktop-app=desktop-app][drawer-hidden] drawer-menu{width:1px}[data-desktop-app=desktop-app]>[data-page-element=app]{grid-column:2;grid-row:1;position:inherit}[data-desktop-app=desktop-app]>[data-page-element=menu-renderer]{grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=side-bar]{grid-column:3;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=status-bar]{border-top:1px solid #d3d3d3;grid-column:1/span 3;grid-row:2;margin-top:2px;overflow:hidden;padding:5px}
|
|
1
|
+
body,html{height:100vh;width:100vw}body{align-content:stretch;align-items:stretch;flex-direction:row;justify-content:space-around}@media screen{body{display:grid;overflow:hidden}[data-desktop-app=desktop-app]{display:grid;overflow:hidden;position:relative}}[data-desktop-app=desktop-app]{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;min-width:900px}[data-desktop-app=desktop-app] drawer-menu{transition:all .5s ease-out}[data-desktop-app=desktop-app] drawer-menu[drawer-hidden],[data-desktop-app=desktop-app][drawer-hidden] drawer-menu{width:1px}[data-desktop-app=desktop-app]>[data-page-element=app]{grid-column:2;grid-row:1;position:inherit}[data-desktop-app=desktop-app]>[data-page-element=menu-renderer]{grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=side-bar]{grid-column:3;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=status-bar]{border-top:1px solid #d3d3d3;grid-column:1/span 3;grid-row:2;margin-top:2px;overflow:hidden;padding:5px}[data-desktop-app=desktop-app][data-hide-drawer=true] [data-drwaer-page],[data-desktop-app=desktop-app][data-hide-drawer=true] drawer-menu,[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=icon],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=status-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=title]{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=header]{grid-row:1}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=content]{grid-row:2/span 3}
|
|
2
2
|
/*# sourceMappingURL=desktop-app.global.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/desktop-app.global.css"],"names":[],"mappings":"AAAA,UAEI,YAAa,CADb,WAEJ,CAEA,KAGI,qBAAsB,CADtB,mBAAoB,CAEpB,kBAAmB,CAHnB,4BAIJ,CAEA,cACI,KAEI,YAAa,CADb,eAEJ,CAEA,+BAGI,YAAa,CADb,eAAgB,CADhB,iBAGJ,CAEJ,CAEA,+BAGI,mCAAoC,CADpC,2BAA4B,CAD5B,
|
|
1
|
+
{"version":3,"sources":["../../src/styles/desktop-app.global.css"],"names":[],"mappings":"AAAA,UAEI,YAAa,CADb,WAEJ,CAEA,KAGI,qBAAsB,CADtB,mBAAoB,CAEpB,kBAAmB,CAHnB,4BAIJ,CAEA,cACI,KAEI,YAAa,CADb,eAEJ,CAEA,+BAGI,YAAa,CADb,eAAgB,CADhB,iBAGJ,CAEJ,CAEA,+BAGI,mCAAoC,CADpC,2BAA4B,CAD5B,eAkFJ,CA9EI,2CACI,2BAIJ,CAGI,oHACI,SACJ,CAGJ,uDAEI,aAAc,CADd,UAAW,CAEX,gBACJ,CAEA,iEAEI,aAAc,CADd,UAAW,CAEX,iBAAkB,CAClB,eACJ,CAEA,4DAEI,aAAc,CADd,UAAW,CAEX,iBAAkB,CAClB,eACJ,CAEA,8DAKI,4BAA+B,CAH/B,oBAAuB,CADvB,UAAW,CAGX,cAAe,CAEf,eAAgB,CAHhB,WAIJ,CA0BI,0iBACI,YACJ,CAEA,kFACI,UACJ,CAEA,mFACI,iBACJ","file":"desktop-app.global.css"}
|
package/package.json
CHANGED
|
@@ -44,43 +44,6 @@
|
|
|
44
44
|
transition: left 0.3s ease-out;
|
|
45
45
|
}
|
|
46
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
|
-
|
|
84
47
|
}
|
|
85
48
|
|
|
86
49
|
|
|
@@ -70,4 +70,41 @@ body {
|
|
|
70
70
|
border-top: solid 1px lightgray;
|
|
71
71
|
overflow: hidden;
|
|
72
72
|
}
|
|
73
|
+
|
|
74
|
+
&[data-hide-drawer=true] {
|
|
75
|
+
& drawer-menu, & [data-drwaer-page] {
|
|
76
|
+
display: none;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&[data-hide-toolbar=true] {
|
|
81
|
+
|
|
82
|
+
& [data-page-element=status-bar] {
|
|
83
|
+
display: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
& [data-page-element=icon] {
|
|
87
|
+
display: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
& [data-page-element=title] {
|
|
91
|
+
display: none;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
& [data-page-element=action-bar] {
|
|
95
|
+
display: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
& [data-page-element=action] {
|
|
99
|
+
display: none;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
& [data-page-element=header] {
|
|
103
|
+
grid-row: 1;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
& [data-page-element=content] {
|
|
107
|
+
grid-row: 2 / span 3;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
73
110
|
}
|