welcome_css 0.30 → 0.35

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1f46f9d9a064a9c77f8b0d15ca12a22eaf12deeada54b847915f026681e4d9bf
4
- data.tar.gz: 29686450067c8296edd4d3002293aaa94cdfc94797d245f7ef8f72f586759f70
3
+ metadata.gz: befd7c3535c0d9ce21f110de8aa909d29be8ed0a43206bfac0388d763775a209
4
+ data.tar.gz: a2b564f6e62c51f6b451b6be24d0e56bba1e20475c572a0571176a28286d2935
5
5
  SHA512:
6
- metadata.gz: 96cbd203f8e24987dd9e0c70ae83eec0185f2ecea3ad28028ce77b9f2ffb40670f2440964052f1d795764b0eefa4485aa9ac6906457398a6882e67771e4619b9
7
- data.tar.gz: 84fb681f9e416887510f6f8dfd89982590c53ca9eb79fe49bc21764d932e800e840ca6e0f6c2a0164cbc1ce22f2a34e4bec4bf06928c3750d80b6b22cee805a2
6
+ metadata.gz: ddec05b093e9c968e36487cdf957aae2d8fdf20285b7a966a0a92c85c167e8db5fc4e1be1bd47c89d1a3c60feab2e70f331b4543c708eb36e78c618110698ff4
7
+ data.tar.gz: 84c2a928b5a88b7bc2b6d5430b9f44da4cf0f3930d24f8eb7e446ba7ec0b7675dfef3341ea7e403bb21d1a33985c9212fbcedc4c6584634765a65ed03004c5bc
@@ -283,6 +283,29 @@
283
283
  .parcel-pdf-dropdown {
284
284
  display: block;
285
285
  position: absolute !important;
286
- right: 60px;
287
- top: 0;
286
+ right: 20px;
287
+ top: 6px;
288
288
  }
289
+
290
+ /* ========================================= */
291
+ /* Links */
292
+
293
+ .link-icon {
294
+ color: #4A8FE7;
295
+ background-image: image-url('icons/icn-link.svg');
296
+ background-repeat: no-repeat;
297
+ background-size: 12px;
298
+ background-position: left 0px top 5px;
299
+ padding-left: 18px;
300
+ }
301
+ .link-icon:hover {
302
+ cursor: pointer;
303
+ }
304
+ .simple-link {
305
+ color: #4A8FE7;
306
+ background-color: transparent;
307
+ border: none;
308
+ font-weight: normal;
309
+ padding: 0;
310
+ margin: 0 5px;
311
+ }
@@ -3,6 +3,8 @@
3
3
 
4
4
  .menu-app {
5
5
  background-color: $ui_white;
6
+ box-shadow: $ui-shadow-right;
7
+ border-right: 1px solid #D9D9D9;
6
8
  }
7
9
  .menu-app .list-group-item {
8
10
  border: none;
@@ -1,6 +1,9 @@
1
1
  // Variables
2
2
  // Welcome UI - Navbar
3
3
 
4
+ ul#navbar {
5
+ float: left;
6
+ }
4
7
  .navbar-ui {
5
8
  border-bottom: 1px solid $ui_lightergray;
6
9
  }
@@ -48,6 +48,13 @@
48
48
  float: left;
49
49
  margin-top: 6px;
50
50
  }
51
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
52
+ margin-right: 3px;
53
+ margin-left: 3px;
54
+ }
55
+ .am-content.ui-app-area .model-widget .model-info .model-title {
56
+ width: 100% !important;
57
+ }
51
58
  }
52
59
 
53
60
  @media (max-width: 992px) {
@@ -113,7 +120,7 @@
113
120
  width: 100% !important;
114
121
  }
115
122
  .land-app .navbar {
116
- display: block;
123
+ display: none;
117
124
  position: fixed;
118
125
  width: 100%;
119
126
  height: 58px;
@@ -156,6 +163,10 @@
156
163
  .ui-app-area {
157
164
  padding-top: 80px;
158
165
  }
166
+ .menu-app {
167
+ position: fixed;
168
+ z-index: 9999;
169
+ }
159
170
  .block-stats-area .form-control,
160
171
  .card.card-body .form-control {
161
172
  margin-bottom: 12px;
@@ -187,6 +198,10 @@
187
198
  float: left;
188
199
  text-align: left;
189
200
  }
201
+ .white-header .col-lg-7,
202
+ .white-header .col-lg-5 {
203
+ width: 50%;
204
+ }
190
205
  }
191
206
 
192
207
  @media (max-width: 768px) {
@@ -214,6 +229,9 @@
214
229
  .parcel-main-info .card .list-group-item {
215
230
  width: 32%;
216
231
  }
232
+ .land-app .ui-app-area .filter-block .w-50 {
233
+ width: 100% !important;
234
+ }
217
235
  }
218
236
 
219
237
  @media (max-width: 580px) {
@@ -253,7 +271,7 @@
253
271
  width: 100%;
254
272
  }
255
273
  .am-content.ui-app-area .model-widget {
256
- width: 48%;
274
+ width: 100%;
257
275
  }
258
276
  .am-content.ui-app-area .model-widget:nth-child(odd) {
259
277
  margin-right: 3px;
@@ -299,6 +317,25 @@
299
317
  max-width: 100%;
300
318
  flex: auto;
301
319
  }
320
+
321
+ /* =========================== */
322
+ .land-app .ui-app-area .small-tabs .px-4,
323
+ .land-app .ui-app-area .small-tabs .py-4 {
324
+ padding-left: 0 !important;
325
+ padding-right: 0 !important;
326
+ }
327
+ .land-app .ui-app-area .full-block .full-block-content .w-20,
328
+ .land-app .ui-app-area .full-block .full-block-content .w-25,
329
+ .land-app .ui-app-area .full-block .full-block-content .w-33,
330
+ .land-app .ui-app-area .full-block .full-block-content .w-50,
331
+ .land-app .ui-app-area .full-block .full-block-content .w-75,
332
+ .land-app .ui-app-area .full-block .full-block-content .w-80 {
333
+ width: 100% !important;
334
+ margin-bottom: 6px;
335
+ }
336
+ .land-app .ui-app-area .full-block .full-block-content .w-20 {
337
+ margin-bottom: 15px;
338
+ }
302
339
  }
303
340
 
304
341
  @media (max-width: 460px) {
@@ -7,13 +7,44 @@
7
7
  width: 100%;
8
8
  padding: 15px 0;
9
9
  }
10
+ .logo-area {
11
+ display: block;
12
+ float: left;
13
+ position: relative;
14
+ width: 100%;
15
+ height: 56px;
16
+ border-bottom: 1px solid #eaeaea;
17
+ }
18
+ .logo-area .welcome-homes-logo {
19
+ width: 140px;
20
+ margin-bottom: 20px;
21
+ margin-top: 18px;
22
+ margin-left: 12px;
23
+ }
10
24
  .land-app .view-header {
11
25
  border-bottom: 1px solid $ui_lightgray;
12
26
  /*background-color: $ui_middlegray;*/
13
- margin-bottom: 15px;
27
+ margin-bottom: 30px;
14
28
  width: 100%;
15
29
  padding: 15px 0 15px 10px;
16
30
  }
31
+ .land-app .white-header {
32
+ border-bottom: none;
33
+ background-color: $ui_white;
34
+ /*margin-bottom: 30px;*/
35
+ width: 100%;
36
+ padding: 20px 15px;
37
+ box-shadow: $ui-shadow;
38
+ }
39
+
40
+ /* =========================== */
41
+
42
+ .land-app .s-font {
43
+ font-size: 14px;
44
+ }
45
+
46
+ /* =========================== */
47
+
17
48
  .view-header .btn.btn-group {
18
49
  display: contents;
19
50
  }
@@ -180,13 +211,34 @@ table .ui-table-row {
180
211
  padding-left: 15px;
181
212
  }
182
213
 
214
+ /* =========================== */
215
+ /* Table Area Titles */
216
+
217
+ .land-app .view-header h3,
218
+ .land-app .white-header h3 {
219
+ font-size: $header-title;
220
+ }
221
+ .land-app .card-header h4 {
222
+ font-size: $block-title;
223
+ color: $block-title-color;
224
+ }
225
+ .land-app .s-title {
226
+ font-size: $block-secondary-title;
227
+ color: $block-secondary-title-color;
228
+ }
229
+ .land-app .block-result {
230
+ font-size: $block-result;
231
+ color: $block-result-color;
232
+ font-weight: bold;
233
+ }
234
+
183
235
  /* =========================== */
184
236
 
185
237
  .land-app .parcel-information-block {
186
238
  display: block;
187
239
  width: 100%;
188
240
  border-bottom: 1px solid #D9D9D9;
189
- padding: 15px;
241
+ padding: 15px 15px 0 15px;
190
242
  margin-left: 15px;
191
243
  margin-right: 15px;
192
244
  }
@@ -233,6 +285,29 @@ table .ui-table-row {
233
285
 
234
286
  /* =========================== */
235
287
 
288
+ .ui-app-area .list-group .list-group-item {
289
+ display: block;
290
+ }
291
+
292
+ /* =========================== */
293
+
294
+ .small-navbar {
295
+ display: block;
296
+ float: right;
297
+ position: relative;
298
+ background-color: $ui_white;
299
+ width: auto;
300
+ padding: 1px 12px;
301
+ margin-top: -22px;
302
+ margin-right: -15px;
303
+ box-shadow: $ui-shadow;
304
+ }
305
+ .small-navbar li {
306
+ display: inline-block;
307
+ }
308
+
309
+ /* =========================== */
310
+
236
311
  .parcel-main-info {
237
312
  display: block;
238
313
  float: left;
@@ -258,7 +333,8 @@ table .ui-table-row {
258
333
  border: none;
259
334
  width: 33%;
260
335
  padding-left: 0 !important;
261
- display: inline-block !important;
336
+ display: block !important;
337
+ float: left;
262
338
  }
263
339
  .parcel-main-info.site-plan .img-fluid {
264
340
  max-width: 50px;
@@ -1296,6 +1372,75 @@ table .ui-table-row {
1296
1372
  margin-bottom: 0;
1297
1373
  }
1298
1374
 
1375
+ .land-app .ui-app-area .no-border {
1376
+ border: none !important;
1377
+ }
1378
+
1379
+ /* =========================== */
1380
+
1381
+ .land-app .ui-app-area .block {
1382
+ display: block;
1383
+ float: left;
1384
+ position: relative;
1385
+ }
1386
+ .land-app .ui-app-area .full-block {
1387
+ display: block;
1388
+ float: left;
1389
+ position: relative;
1390
+ width: 100%;
1391
+ background-color: $ui_white;
1392
+ padding: 18px 20px 0px 20px;
1393
+ margin-bottom: 30px;
1394
+ border-radius: $ui_radius;
1395
+ -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1396
+ -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1397
+ box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.15);
1398
+ }
1399
+ .land-app .ui-app-area .full-block .full-block-content {
1400
+ display: block;
1401
+ float: left;
1402
+ position: relative;
1403
+ width: 100%;
1404
+ padding-bottom: 15px;
1405
+ margin-bottom: 15px;
1406
+ word-break: break-all;
1407
+ }
1408
+ .land-app .ui-app-area .full-block .full-block-content .w-20,
1409
+ .land-app .ui-app-area .full-block .full-block-content .w-25,
1410
+ .land-app .ui-app-area .full-block .full-block-content .w-33,
1411
+ .land-app .ui-app-area .full-block .full-block-content .w-50,
1412
+ .land-app .ui-app-area .full-block .full-block-content .w-75,
1413
+ .land-app .ui-app-area .full-block .full-block-content .w-80 {
1414
+ padding-right: 5px;
1415
+ }
1416
+ .land-app .ui-app-area .full-block .full-block-content:last-child {
1417
+ margin-bottom: 0px;
1418
+ }
1419
+ .land-app .ui-app-area .full-block .ui-menu-dots {
1420
+ display: block;
1421
+ position: absolute;
1422
+ right: 18px;
1423
+ top: 12px;
1424
+ }
1425
+ .land-app .ui-app-area .full-block .ui-menu-dots .dropdown {
1426
+ text-align: right;
1427
+ }
1428
+ .land-app .ui-app-area .small-tabs .nav-link,
1429
+ .land-app .ui-app-area .small-tabs .nav-item {
1430
+ flex: inherit !important;
1431
+ text-align: center;
1432
+ padding: 10px 22px !important;
1433
+ }
1434
+ .land-app .ui-app-area #ui-tabs.small-tabs .nav-tabs {
1435
+ border-bottom: 1px solid #D8DBE5;
1436
+ }
1437
+ .land-app .ui-app-area #ui-tabs.small-tabs .tab-content {
1438
+ margin-top: 0px;
1439
+ }
1440
+ .land-app .ui-app-area .block .select2 {
1441
+ width: 100% !important;
1442
+ }
1443
+
1299
1444
  /* =========================== */
1300
1445
  /* Land App - Daily Stats */
1301
1446
 
@@ -1800,11 +1945,19 @@ table .ui-table-row {
1800
1945
  .am-content.ui-app-area .model-widget .model-info:last-child {
1801
1946
  margin-bottom: 0px;
1802
1947
  }
1948
+ .am-content.ui-app-area .model-widget .model-info b {
1949
+ display: block;
1950
+ float: left;
1951
+ position: relative;
1952
+ width: 100%;
1953
+ }
1803
1954
  .am-content.ui-app-area .model-widget .model-info .active-status {
1804
- display: inline-block;
1955
+ display: block;
1956
+ float: left;
1805
1957
  position: relative;
1806
- margin-left: 4px;
1807
- top: -2px;
1958
+ margin-left: 0;
1959
+ margin-right: 4px;
1960
+ top: 0;
1808
1961
  border: 1px solid #979797;
1809
1962
  border-radius: $ui-radius;
1810
1963
  padding: 1px 6px;
@@ -1817,10 +1970,14 @@ table .ui-table-row {
1817
1970
  background-position: top 5px left 0px;
1818
1971
  padding-left: 12px;
1819
1972
  }
1820
- .am-content.ui-app-area .model-widget .model-info .model-title,
1821
- .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1973
+ .am-content.ui-app-area .model-widget .model-info .model-title {
1822
1974
  display: block;
1823
1975
  float: left;
1976
+ margin-bottom: 6px;
1977
+ }
1978
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1979
+ display: block;
1980
+ float: right;
1824
1981
  }
1825
1982
  .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
1826
1983
  float: right;
@@ -2167,7 +2324,8 @@ table .ui-table-row {
2167
2324
  .am-content.ui-app-area .form-card .simple_form {
2168
2325
  padding: 0;
2169
2326
  }
2170
- .am-content.ui-app-area .fields-group {
2327
+ .am-content.ui-app-area .fields-group,
2328
+ .land-app .ui-app-area .fields-group {
2171
2329
  display: block;
2172
2330
  float: left;
2173
2331
  position: relative;
@@ -2178,6 +2336,22 @@ table .ui-table-row {
2178
2336
  border-radius: $ui-radius;
2179
2337
  margin-bottom: 30px;
2180
2338
  }
2339
+ .land-app .ui-app-area .modal-dialog .fields-group {
2340
+ display: block;
2341
+ float: left;
2342
+ position: relative;
2343
+ width: 100%;
2344
+ padding: 0;
2345
+ background-color: transparent;
2346
+ border: none;
2347
+ margin-bottom: 0px;
2348
+ }
2349
+ .land-app .ui-app-area .fields-group .row {
2350
+ margin-bottom: 30px;
2351
+ }
2352
+ .land-app .ui-app-area .fields-group .row .select2 {
2353
+ width: 100% !important;
2354
+ }
2181
2355
  .am-content.ui-app-area .fields-group-title .h5 {
2182
2356
  font-size: 18px;
2183
2357
  padding-left: 20px;
@@ -2242,6 +2416,43 @@ table .ui-table-row {
2242
2416
  width: 34px;
2243
2417
  }
2244
2418
 
2419
+ /* =========================== */
2420
+
2421
+ .am-content.ui-app-area .form-img-container {
2422
+ padding: 15px;
2423
+ background-color: #eaeaea;
2424
+ height: 160px;
2425
+ }
2426
+ .am-content.ui-app-area .form-img-container .img-fluid {
2427
+ width: 100%;
2428
+ height: 100%;
2429
+ object-fit: contain;
2430
+ }
2431
+ .am-content.ui-app-area .img-btns {
2432
+ position: absolute;
2433
+ right: 8px;
2434
+ bottom: 8px;
2435
+ background-color: $ui_white;
2436
+ padding: 2px 6px 8px;
2437
+ border-radius: $ui-radius;
2438
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2439
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2440
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2441
+ }
2442
+ .am-content.ui-app-area .img-btns .btn.btn-outline-danger {
2443
+ padding: 5px 12px !important;
2444
+ background-position: top 8px left 6px;
2445
+ margin-bottom: 0;
2446
+ }
2447
+ .am-content.ui-app-area .img-btns .btn.btn-outline-primary {
2448
+ padding: 5px 12px !important;
2449
+ background-position: top 9px left 5px;
2450
+ margin-bottom: 0;
2451
+ }
2452
+ .am-content.ui-app-area .modal-dialog .img-btns .btn-outline-danger {
2453
+ width: 27px;
2454
+ }
2455
+
2245
2456
 
2246
2457
 
2247
2458
 
@@ -74,6 +74,31 @@ $lg-paddingbottom: 60px;
74
74
 
75
75
  /* ====================================== */
76
76
 
77
+ $ui-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
78
+ $ui-shadow-right: 0 0 15px rgba(174,174,174,0.15%);
79
+
80
+ /* ====================================== */
81
+
82
+ $header-title: 22px;
83
+
84
+ /* ====================================== */
85
+
86
+ $block-title: 16px;
87
+ $block-title-color: #000;
88
+ $block-secondary-title: 14px;
89
+ $block-secondary-title-color: #787878;
90
+ $block-result: 18px;
91
+ $block-result-color: #000;
92
+
93
+ /* ====================================== */
94
+
95
+ .inline-flex {
96
+ display: inline-flex;
97
+ flex-wrap: wrap;
98
+ margin-right: -15px;
99
+ margin-left: -15px;
100
+ }
101
+
77
102
  .ui-app-area h4 {
78
103
  font-size: 20px;
79
104
  }
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.30"
2
+ VERSION = "0.35"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: welcome_css
3
3
  version: !ruby/object:Gem::Version
4
- version: '0.30'
4
+ version: '0.35'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jose Camacho
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-01-15 00:00:00.000000000 Z
11
+ date: 2022-02-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails