@woosmap/ui 3.22.0 → 3.26.0

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.
Files changed (12) hide show
  1. package/package.json +1 -1
  2. package/src/components/Demo/SkeletonDemo.js +6 -4
  3. package/src/styles/commons/base.styl +0 -2
  4. package/src/styles/console/input.styl +2 -0
  5. package/src/styles/console/select.styl +2 -0
  6. package/src/styles/next-website/demo.styl +21 -13
  7. package/src/styles/next-website/input.styl +2 -0
  8. package/src/styles/next-website/mixins.styl +1 -1
  9. package/src/styles/next-website/select.styl +2 -0
  10. package/src/styles/next-website/variables.styl +1 -0
  11. package/src/styles/website/input.styl +2 -0
  12. package/src/styles/website/select.styl +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.22.0",
3
+ "version": "3.26.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Demo/SkeletonDemo.js CHANGED
@@ -176,10 +176,12 @@ export default class SkeletonDemo extends Component {
176
176
  {filters2}
177
177
  </div>
178
178
  )}
179
- <div className="demo__map">
180
- {withMap && <div className="map" ref={this.mapDivRef} />}
181
- {mainContent}
182
- </div>
179
+ {withMap && (
180
+ <div className="demo__map">
181
+ <div className="map" ref={this.mapDivRef} />
182
+ </div>
183
+ )}
184
+ {mainContent && <div className="demo__content">{mainContent}</div>}
183
185
  </div>
184
186
  <div className="demo__data">
185
187
  {result && (
package/src/styles/commons/base.styl CHANGED
@@ -10,8 +10,6 @@ body
10
10
  width 100%
11
11
  height 100%
12
12
  body
13
- input
14
- textaera
15
13
  font()
16
14
  pre
17
15
  code
package/src/styles/console/input.styl CHANGED
@@ -1,3 +1,5 @@
1
+ input
2
+ font()
1
3
  .input
2
4
  width 100%
3
5
  &__container
package/src/styles/console/select.styl CHANGED
@@ -1,3 +1,5 @@
1
+ select
2
+ font()
1
3
  .asyncselect__control--is-focused .asyncselect__single-value
2
4
  display none
3
5
 
package/src/styles/next-website/demo.styl CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  .demo
3
3
  fullwh()
4
- margin 6rem auto
4
+ margin auto
5
5
  color $secondary
6
6
  .title
7
7
  font-size $title3
@@ -44,6 +44,7 @@
44
44
  .map
45
45
  width 100%
46
46
  height 100%
47
+ background-color $inputDemoBgColor
47
48
  &__results
48
49
  width $demofilterWidth
49
50
  display flex
@@ -93,7 +94,7 @@
93
94
  br($demoBr)
94
95
  background-color $inputDemoBgColor !important
95
96
  border-color $inputDemoBorderColor
96
- font-size $inputFontSizeDemo
97
+ font-size $inputFontSizeDemo !important
97
98
  height $inputDemoHeight
98
99
  padding 0 1rem 0 1rem
99
100
  .mbi
@@ -101,15 +102,15 @@
101
102
  .input
102
103
  &__label
103
104
  inputFont()
104
- font-size $inputFontSizeDemo
105
+ font-size $inputFontSizeDemo !important
105
106
  .select
106
107
  .asyncselect
107
- inputFont()
108
- font-size $inputFontSizeDemo
109
108
  &__control
109
+ inputFont()
110
+ font-size $inputFontSizeDemo !important
110
111
  border-radius $demoBr !important
111
112
  background-color $inputDemoBgColor !important
112
- min-height 2.4rem !important
113
+ min-height $inputDemoHeight !important
113
114
  height auto !important
114
115
  &:not(.select__control--is-focused):not(.asyncselect__control--is-focused)
115
116
  border-color $inputDemoBorderColor !important
@@ -167,7 +168,7 @@
167
168
  &__filters
168
169
  .btn
169
170
  br(.2)
170
- font-size $inputFontSizeDemo
171
+ font-size $inputFontSizeDemo !important
171
172
  line-height 2.2rem
172
173
  padding 0 .8rem
173
174
  height $inputDemoHeight
@@ -193,18 +194,18 @@
193
194
  color $inputDemoBgColor
194
195
  &.language
195
196
  &.transportation
196
- mbi(.4)
197
+ mbi(.6)
197
198
  .btn
198
199
  br(.3)
199
200
  border 0
200
- height 1.9rem
201
- padding .2rem
201
+ height 2.2rem
202
+ padding .4rem
202
203
  &.active
203
204
  background-color $light
204
205
  box-shadow 0 0 .1rem .1rem $activeColorDark
205
206
  .flag
206
- width 2.2rem
207
- height 1.5rem
207
+ width 2.4rem
208
+ height 1.6rem
208
209
  &.transportation
209
210
  .btn
210
211
  height 2.8rem
@@ -232,9 +233,16 @@
232
233
  br(2)
233
234
  inputFont()
234
235
  padding 0 1rem
235
- font-size $inputFontSizeDemo
236
+ font-size $inputFontSizeDemo !important
236
237
  border .1rem solid $activeColor
237
238
  color darken($activeColor, 20%)
239
+ &--address
240
+ &__formcontainer
241
+ mbib(.9)
242
+ .input
243
+ &__label
244
+ margin-bottom .2rem
245
+
238
246
  @media screen and (max-width 769px)
239
247
  .demo__showcase
240
248
  max-height 100%
package/src/styles/next-website/input.styl CHANGED
@@ -2,6 +2,8 @@
2
2
  width 100%
3
3
  &__container
4
4
  position relative
5
+ inputFont()
6
+ font-size 1.3rem
5
7
  &__label
6
8
  display block
7
9
  margin-bottom 1rem
package/src/styles/next-website/mixins.styl CHANGED
@@ -47,7 +47,7 @@ trans()
47
47
  transition all .3s
48
48
 
49
49
  inputFont()
50
- font-family 'Roboto Mono', monospace
50
+ font-family $fontFamily2
51
51
  btn()
52
52
  br()
53
53
  flexBtn()
package/src/styles/next-website/select.styl CHANGED
@@ -14,6 +14,8 @@
14
14
  margin-top 1rem
15
15
  color $error
16
16
  &__control
17
+ inputFont()
18
+ font-size 1.3rem
17
19
  min-width $inputMinWidth
18
20
  min-height $inputHeight !important
19
21
  border-radius .6rem !important
package/src/styles/next-website/variables.styl CHANGED
@@ -1,4 +1,5 @@
1
1
  $fontFamily = "Poppins", arial, sans-serif
2
+ $fontFamily2 = 'Roboto Mono', monospace
2
3
  $fontSize = 1.8rem
3
4
  $lineHeight = $fontSize * 2 - .8
4
5
  $fontSizeSmall = $fontSize - .2
package/src/styles/website/input.styl CHANGED
@@ -1,3 +1,5 @@
1
+ input
2
+ font()
1
3
  .input
2
4
  width 100%
3
5
  &__container
package/src/styles/website/select.styl CHANGED
@@ -1,3 +1,5 @@
1
+ select
2
+ font()
1
3
  .asyncselect__control--is-focused .asyncselect__single-value
2
4
  display none
3
5