@rolster/styles-foundations 2.5.28 → 2.5.30
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/styles.css +33 -5
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +3 -3
- package/dist/styles.rtl.css +33 -5
- package/dist/styles.rtl.min.css +3 -3
- package/package.json +1 -1
- package/scss/components/app.scss +38 -5
- package/scss/components/data-table.scss +4 -1
package/dist/styles.rtl.css
CHANGED
|
@@ -4289,6 +4289,7 @@ button {
|
|
|
4289
4289
|
}
|
|
4290
4290
|
.rls-app__body {
|
|
4291
4291
|
--pvt-navbar-width: var(--rlc-app-navbar-width, 160rem);
|
|
4292
|
+
--pvt-navbar-left: 0%;
|
|
4292
4293
|
display: flex;
|
|
4293
4294
|
flex-direction: column;
|
|
4294
4295
|
padding: 0rem;
|
|
@@ -4344,17 +4345,22 @@ button {
|
|
|
4344
4345
|
height: 100%;
|
|
4345
4346
|
margin: 0rem;
|
|
4346
4347
|
padding: 0rem;
|
|
4347
|
-
box-sizing: border-box;
|
|
4348
|
-
overflow-x: hidden;
|
|
4349
|
-
overflow-y: auto;
|
|
4350
|
-
border-radius: 0rem 0rem 0rem var(--rls-sizing-x16);
|
|
4351
|
-
background: var(--rlc-app-navbar-background, var(--rls-app-color-100));
|
|
4352
4348
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4353
4349
|
}
|
|
4354
4350
|
.rls-app__page__nav + .rls-app__page__content {
|
|
4355
4351
|
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-width) / 2));
|
|
4356
4352
|
width: calc(100% - var(--pvt-navbar-width));
|
|
4357
4353
|
}
|
|
4354
|
+
.rls-app__page__nav__content {
|
|
4355
|
+
position: relative;
|
|
4356
|
+
width: 100%;
|
|
4357
|
+
height: 100%;
|
|
4358
|
+
background: var(--rlc-app-navbar-background, var(--rls-app-color-100));
|
|
4359
|
+
border-radius: 0rem 0rem 0rem var(--rls-sizing-x16);
|
|
4360
|
+
overflow-x: hidden;
|
|
4361
|
+
overflow-y: auto;
|
|
4362
|
+
box-sizing: border-box;
|
|
4363
|
+
}
|
|
4358
4364
|
.rls-app__page__content {
|
|
4359
4365
|
display: flex;
|
|
4360
4366
|
flex-direction: column;
|
|
@@ -4366,6 +4372,24 @@ button {
|
|
|
4366
4372
|
box-sizing: border-box;
|
|
4367
4373
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4368
4374
|
}
|
|
4375
|
+
@media screen and (max-width: 560px) {
|
|
4376
|
+
.rls-app__body {
|
|
4377
|
+
--pvt-navbar-width: 0rem;
|
|
4378
|
+
--pvt-navbar-left: -100%;
|
|
4379
|
+
}
|
|
4380
|
+
.rls-app__body--snackbar {
|
|
4381
|
+
--rlc-snackbar-left: 50%;
|
|
4382
|
+
}
|
|
4383
|
+
.rls-app__body--navbar-condense {
|
|
4384
|
+
--pvt-navbar-width: 0rem;
|
|
4385
|
+
--pvt-navbar-left: 0%;
|
|
4386
|
+
}
|
|
4387
|
+
.rls-app__page__navbar {
|
|
4388
|
+
position: absolute;
|
|
4389
|
+
right: var(--pvt-navbar-left);
|
|
4390
|
+
transition: right 240ms var(--rls-acceleration-curve);
|
|
4391
|
+
}
|
|
4392
|
+
}
|
|
4369
4393
|
.rls-datatable {
|
|
4370
4394
|
--pvt-datatable-letter-spacing: var(--rlc-datatable-letter-spacing, 0.0625em);
|
|
4371
4395
|
--pvt-datatable-font-size: var(--rlc-datatable-font-size, 7rem);
|
|
@@ -4481,6 +4505,8 @@ button {
|
|
|
4481
4505
|
--rlc-avatar-font-size: var(--pvt-datatable-font-size);
|
|
4482
4506
|
--rlc-action-ripple-dimension: var(--rls-sizing-x16);
|
|
4483
4507
|
--rlc-action-ripple-position: -8rem;
|
|
4508
|
+
--rlc-image-width: var(--rls-sizing-x12);
|
|
4509
|
+
--rlc-image-height: var(--rls-sizing-x12);
|
|
4484
4510
|
--rlc-switch-max-width: 17rem;
|
|
4485
4511
|
--rlc-switch-component-padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
|
|
4486
4512
|
--rlc-switch-element-size: var(--rls-sizing-x10);
|
|
@@ -4584,6 +4610,8 @@ button {
|
|
|
4584
4610
|
--rlc-avatar-font-size: var(--pvt-datatable-font-size);
|
|
4585
4611
|
--rlc-action-ripple-dimension: var(--rls-sizing-x16);
|
|
4586
4612
|
--rlc-action-ripple-position: -8rem;
|
|
4613
|
+
--rlc-image-width: var(--rls-sizing-x12);
|
|
4614
|
+
--rlc-image-height: var(--rls-sizing-x12);
|
|
4587
4615
|
--rlc-switch-max-width: 17rem;
|
|
4588
4616
|
--rlc-switch-component-padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
|
|
4589
4617
|
--rlc-switch-element-size: var(--rls-sizing-x10);
|