@oneblink/apps-react 5.8.0-beta.2 → 5.8.0-beta.3
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/radio.scss +3 -2
- package/dist/styles/renderer.scss +1 -1
- package/dist/styles/repeatable-set.scss +13 -7
- package/dist/styles.css +11 -11
- package/package.json +1 -1
package/dist/styles/radio.scss
CHANGED
@@ -5,11 +5,12 @@
|
|
5
5
|
height: auto;
|
6
6
|
}
|
7
7
|
}
|
8
|
+
}
|
8
9
|
|
9
|
-
|
10
|
+
@container ob-form-container (max-width: 500px) {
|
11
|
+
.ob-buttons-radio {
|
10
12
|
.ob-button-radio-container {
|
11
13
|
width: 100%;
|
12
|
-
|
13
14
|
.ob-button {
|
14
15
|
width: 100%;
|
15
16
|
margin-right: 0;
|
@@ -9,13 +9,6 @@
|
|
9
9
|
margin-bottom: $size-8;
|
10
10
|
border: $grey solid 1px;
|
11
11
|
background: $white;
|
12
|
-
|
13
|
-
@media only screen and (min-width: $desktop) {
|
14
|
-
float: right;
|
15
|
-
margin-bottom: 0;
|
16
|
-
min-width: 0;
|
17
|
-
margin-left: $size-7;
|
18
|
-
}
|
19
12
|
}
|
20
13
|
|
21
14
|
.ob-element:nth-child(2) {
|
@@ -36,3 +29,16 @@
|
|
36
29
|
background-color: $white-bis;
|
37
30
|
}
|
38
31
|
}
|
32
|
+
|
33
|
+
@container ob-form-container (min-width: #{$desktop}) {
|
34
|
+
.ob-repeatable-set {
|
35
|
+
.ob-repeatable-set__container {
|
36
|
+
> .ob-button_remove {
|
37
|
+
float: right;
|
38
|
+
margin-bottom: 0;
|
39
|
+
min-width: 0;
|
40
|
+
margin-left: $size-7;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
package/dist/styles.css
CHANGED
@@ -8594,7 +8594,8 @@ button on-loading {
|
|
8594
8594
|
white-space: normal;
|
8595
8595
|
height: auto;
|
8596
8596
|
}
|
8597
|
-
|
8597
|
+
|
8598
|
+
@container ob-form-container (max-width: 500px) {
|
8598
8599
|
.ob-buttons-radio .ob-button-radio-container {
|
8599
8600
|
width: 100%;
|
8600
8601
|
}
|
@@ -8603,7 +8604,6 @@ button on-loading {
|
|
8603
8604
|
margin-right: 0;
|
8604
8605
|
}
|
8605
8606
|
}
|
8606
|
-
|
8607
8607
|
.ob-repeatable-set .ob-repeatable-set__container {
|
8608
8608
|
position: relative;
|
8609
8609
|
padding: 1.25rem;
|
@@ -8615,14 +8615,6 @@ button on-loading {
|
|
8615
8615
|
border: #757575 solid 1px;
|
8616
8616
|
background: hsl(0, 0%, 100%);
|
8617
8617
|
}
|
8618
|
-
@media only screen and (min-width: 1024px) {
|
8619
|
-
.ob-repeatable-set .ob-repeatable-set__container > .ob-button_remove {
|
8620
|
-
float: right;
|
8621
|
-
margin-bottom: 0;
|
8622
|
-
min-width: 0;
|
8623
|
-
margin-left: 0.75rem;
|
8624
|
-
}
|
8625
|
-
}
|
8626
8618
|
.ob-repeatable-set .ob-repeatable-set__container .ob-element:nth-child(2) {
|
8627
8619
|
margin-top: 1rem;
|
8628
8620
|
}
|
@@ -8637,6 +8629,14 @@ button on-loading {
|
|
8637
8629
|
background-color: hsl(0, 0%, 98%);
|
8638
8630
|
}
|
8639
8631
|
|
8632
|
+
@container ob-form-container (min-width: 1024px) {
|
8633
|
+
.ob-repeatable-set .ob-repeatable-set__container > .ob-button_remove {
|
8634
|
+
float: right;
|
8635
|
+
margin-bottom: 0;
|
8636
|
+
min-width: 0;
|
8637
|
+
margin-left: 0.75rem;
|
8638
|
+
}
|
8639
|
+
}
|
8640
8640
|
.ob-image__content {
|
8641
8641
|
display: block;
|
8642
8642
|
margin: auto;
|
@@ -9319,7 +9319,7 @@ textarea:disabled {
|
|
9319
9319
|
flex: 1;
|
9320
9320
|
}
|
9321
9321
|
|
9322
|
-
@
|
9322
|
+
@container ob-form-container (max-width: 768px) {
|
9323
9323
|
.ob-form-container .ob-button {
|
9324
9324
|
flex: 1;
|
9325
9325
|
}
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@oneblink/apps-react",
|
3
3
|
"description": "Helper functions for OneBlink apps in ReactJS.",
|
4
|
-
"version": "5.8.0-beta.
|
4
|
+
"version": "5.8.0-beta.3",
|
5
5
|
"author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
|
6
6
|
"bugs": {
|
7
7
|
"url": "https://github.com/oneblink/apps-react/issues"
|