optimized-react-component-library-xyz123 0.10.6 → 0.10.7
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/package.json +1 -1
- package/src/css/mobileView.css +9 -0
- package/src/css/styles.css +22 -15
package/package.json
CHANGED
package/src/css/mobileView.css
CHANGED
|
@@ -88,6 +88,10 @@
|
|
|
88
88
|
padding: 0;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
+
.pts-header-content{
|
|
92
|
+
display:block;
|
|
93
|
+
}
|
|
94
|
+
|
|
91
95
|
.pts-header-logo-container {
|
|
92
96
|
padding: 13px 0;
|
|
93
97
|
border-bottom: 2px solid #ddd;
|
|
@@ -95,6 +99,11 @@
|
|
|
95
99
|
text-align: center;
|
|
96
100
|
}
|
|
97
101
|
|
|
102
|
+
.pts-header-navigation-container{
|
|
103
|
+
align-items: center;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
}
|
|
106
|
+
|
|
98
107
|
.pts-languageButton {
|
|
99
108
|
margin: 0.4rem 0;
|
|
100
109
|
}
|
package/src/css/styles.css
CHANGED
|
@@ -287,18 +287,27 @@ textarea:focus-visible,
|
|
|
287
287
|
background-color: var(--main);
|
|
288
288
|
}
|
|
289
289
|
|
|
290
|
+
.pts-header-content{
|
|
291
|
+
width: 100%;
|
|
292
|
+
display: flex;
|
|
293
|
+
}
|
|
294
|
+
|
|
290
295
|
.pts-header-logo-container{
|
|
291
296
|
height:4rem;
|
|
292
297
|
}
|
|
293
298
|
|
|
294
299
|
.pts-header-logo svg{
|
|
295
|
-
height:
|
|
300
|
+
height: 4rem;
|
|
296
301
|
}
|
|
297
|
-
.pts-header-navigation-container{
|
|
298
|
-
display: inline-flex;
|
|
299
|
-
position: relative;
|
|
300
302
|
|
|
303
|
+
.pts-header-navigation-container{
|
|
304
|
+
display: flex;
|
|
305
|
+
flex-direction: column;
|
|
306
|
+
justify-content: flex-end;
|
|
307
|
+
width: 100%;
|
|
308
|
+
align-items: flex-end;
|
|
301
309
|
}
|
|
310
|
+
|
|
302
311
|
.pts-languageButton {
|
|
303
312
|
position: relative;
|
|
304
313
|
display: inline-flex;
|
|
@@ -313,10 +322,10 @@ textarea:focus-visible,
|
|
|
313
322
|
.pts-languageButton::after {
|
|
314
323
|
content: "";
|
|
315
324
|
position: absolute;
|
|
316
|
-
left:
|
|
317
|
-
right:
|
|
318
|
-
bottom:
|
|
319
|
-
height: 0.
|
|
325
|
+
left: 5px;
|
|
326
|
+
right: 4px;
|
|
327
|
+
bottom: 1px;
|
|
328
|
+
height: 0.15rem;
|
|
320
329
|
background-color: currentColor;
|
|
321
330
|
opacity: 0;
|
|
322
331
|
}
|
|
@@ -326,18 +335,17 @@ textarea:focus-visible,
|
|
|
326
335
|
}
|
|
327
336
|
|
|
328
337
|
.languageIcon{
|
|
338
|
+
position: relative;
|
|
329
339
|
margin-top: 0.3rem;
|
|
330
340
|
padding-right: 0.6rem;
|
|
341
|
+
top: 0.2rem;
|
|
331
342
|
}
|
|
332
343
|
|
|
333
344
|
.pts-languageButton svg {
|
|
334
|
-
width: 1.
|
|
335
|
-
height: 1.
|
|
345
|
+
width: 1.6rem;
|
|
346
|
+
height: 1.6rem;
|
|
336
347
|
}
|
|
337
348
|
|
|
338
|
-
.languageIcon{
|
|
339
|
-
padding-left: 0.6rem;
|
|
340
|
-
}
|
|
341
349
|
|
|
342
350
|
/* ---------- TextBODY ---------- */
|
|
343
351
|
|
|
@@ -780,8 +788,7 @@ textarea:focus-visible,
|
|
|
780
788
|
transform: rotate(360deg);
|
|
781
789
|
}
|
|
782
790
|
}
|
|
783
|
-
|
|
784
|
-
|
|
791
|
+
/*-----------ALWAYS IN THE END OF STYLES----------------*/
|
|
785
792
|
|
|
786
793
|
.cleanPadding {
|
|
787
794
|
padding: 0;
|