@solcre-org/core-ui 2.12.25 → 2.12.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/assets/css/inc/components/chat-layout.css +0 -5
- package/assets/css/inc/components/header.css +11 -1
- package/assets/css/inc/components/modal.css +0 -8
- package/assets/css/inc/objects/layout.grid.css +13 -0
- package/assets/css/inc/objects/layout.styles.css +15 -0
- package/fesm2022/solcre-org-core-ui.mjs +3 -3
- package/fesm2022/solcre-org-core-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -16,9 +16,6 @@
|
|
|
16
16
|
position: relative;
|
|
17
17
|
display: grid;
|
|
18
18
|
grid-template-rows: 1fr auto;
|
|
19
|
-
grid-template-areas:
|
|
20
|
-
"chatbody"
|
|
21
|
-
"chatbottom";
|
|
22
19
|
align-content: space-between;
|
|
23
20
|
overflow: hidden;
|
|
24
21
|
}
|
|
@@ -29,7 +26,6 @@
|
|
|
29
26
|
}
|
|
30
27
|
|
|
31
28
|
.c-chat-layout__body {
|
|
32
|
-
grid-area: chatbody;
|
|
33
29
|
position: relative;
|
|
34
30
|
overflow: hidden;
|
|
35
31
|
overflow-y: auto;
|
|
@@ -43,7 +39,6 @@
|
|
|
43
39
|
}
|
|
44
40
|
|
|
45
41
|
.c-chat-layout__bottom {
|
|
46
|
-
grid-area: chatbottom;
|
|
47
42
|
padding-block: var(--_bottom-py);
|
|
48
43
|
border-top: var(--_separator-line-w) solid var(--_separator-line-color);
|
|
49
44
|
height: fit-content;
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
padding-block: var(--_gap-y);
|
|
24
24
|
flex-wrap: wrap;
|
|
25
|
+
width: 100%;
|
|
25
26
|
}
|
|
26
27
|
.c-header__group:last-child:not(:first-child){
|
|
27
28
|
margin-left: auto;
|
|
@@ -61,8 +62,17 @@
|
|
|
61
62
|
.c-header{
|
|
62
63
|
--_gap-x: 16px;
|
|
63
64
|
--_padd-y: calc(var(--space-y) * 0.5);
|
|
64
|
-
--flex-gap: 10px;
|
|
65
65
|
--_heading-fz: var(--fz-200);
|
|
66
|
+
--_heading-fw: 500;
|
|
67
|
+
--_heading-color: var(--app-main-header-mobile-text, inherit);
|
|
68
|
+
|
|
69
|
+
--flex-gap: 10px;
|
|
70
|
+
|
|
71
|
+
background: var(--app-main-header-mobile-bg, inherit);
|
|
72
|
+
display: flex;
|
|
73
|
+
align-items: center;
|
|
74
|
+
flex-wrap: wrap;
|
|
75
|
+
min-height: var(--layout-header-min-height,var(--_layout-header-min-height));
|
|
66
76
|
}
|
|
67
77
|
|
|
68
78
|
.c-header__bottom{
|
|
@@ -72,11 +72,6 @@
|
|
|
72
72
|
z-index: 1;
|
|
73
73
|
display: grid;
|
|
74
74
|
grid-template-rows: auto 1fr auto;
|
|
75
|
-
grid-template-areas:
|
|
76
|
-
"modalheader"
|
|
77
|
-
"modalbody"
|
|
78
|
-
"modalbottom"
|
|
79
|
-
;
|
|
80
75
|
align-content: space-between;
|
|
81
76
|
overflow: hidden;
|
|
82
77
|
}
|
|
@@ -88,7 +83,6 @@
|
|
|
88
83
|
}
|
|
89
84
|
|
|
90
85
|
.c-modal__header {
|
|
91
|
-
grid-area: modalheader;
|
|
92
86
|
display: flex;
|
|
93
87
|
padding-block: var(--_header-py);
|
|
94
88
|
align-items: center;
|
|
@@ -102,7 +96,6 @@
|
|
|
102
96
|
}
|
|
103
97
|
|
|
104
98
|
.c-modal__body{
|
|
105
|
-
grid-area: modalbody;
|
|
106
99
|
position: relative;
|
|
107
100
|
overflow: hidden;
|
|
108
101
|
overflow-y: auto;
|
|
@@ -132,7 +125,6 @@ body:has(.c-modal.is-visible) {
|
|
|
132
125
|
}
|
|
133
126
|
|
|
134
127
|
.c-modal__bottom{
|
|
135
|
-
grid-area: modalbottom;
|
|
136
128
|
padding-block: var(--_bottom-py);
|
|
137
129
|
border-top: var(--_separator-line-w) solid var(--_separator-line-color);
|
|
138
130
|
height: fit-content;
|
|
@@ -131,6 +131,19 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
|
|
134
|
+
/* ********************** ONLY MOBILE ********************** */
|
|
135
|
+
|
|
136
|
+
@media (max-width: 47.9375rem) /* up to 767px */ {
|
|
137
|
+
|
|
138
|
+
.o-layout {
|
|
139
|
+
--_layout-fullheight: 100vh;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
:root .o-layout__body{
|
|
143
|
+
border-radius: 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
}
|
|
134
147
|
|
|
135
148
|
|
|
136
149
|
/* ********************** MOBILE & TABLET ********************** */
|
|
@@ -67,6 +67,21 @@
|
|
|
67
67
|
padding-top: 0;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
|
|
71
|
+
/* ********************** MOBILE & TABLET ********************** */
|
|
72
|
+
|
|
73
|
+
@media (max-width: 61.1875rem) /* up to 979px */ {
|
|
74
|
+
|
|
75
|
+
.o-layout{
|
|
76
|
+
--_layout-header-min-height: 6.4rem;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.o-layout__header{
|
|
80
|
+
min-height: var(--layout-header-min-height,var(--_layout-header-min-height));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
}
|
|
84
|
+
|
|
70
85
|
/* ********************** ONLY MOBILE ********************** */
|
|
71
86
|
|
|
72
87
|
@media (max-width: 47.9375rem) /* up to 767px */ {
|
|
@@ -12069,11 +12069,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
12069
12069
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
12070
12070
|
// No edites manualmente este archivo
|
|
12071
12071
|
const VERSION = {
|
|
12072
|
-
full: '2.12.
|
|
12072
|
+
full: '2.12.27',
|
|
12073
12073
|
major: 2,
|
|
12074
12074
|
minor: 12,
|
|
12075
|
-
patch:
|
|
12076
|
-
timestamp: '2025-09-
|
|
12075
|
+
patch: 27,
|
|
12076
|
+
timestamp: '2025-09-10T15:37:04.370Z',
|
|
12077
12077
|
buildDate: '10/9/2025'
|
|
12078
12078
|
};
|
|
12079
12079
|
|