welcome_css 0.33 → 0.37

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.
@@ -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
  }
@@ -78,9 +109,10 @@ table .ui-table-row {
78
109
 
79
110
  /* Table Cells */
80
111
  .ui-table thead {
81
- background-color: #edeff4;
82
- /*border: 1px solid #edeff4;*/
83
- font-family: 'hk-grotesk-bold';
112
+ /*background-color: #edeff4;*/
113
+ background-color: $ui_white;
114
+ /*border-bottom: 1px solid #000;*/
115
+ font-family: 'nunitosans-semibold';
84
116
  }
85
117
  .ui-table table {
86
118
  background-color: $ui_white;
@@ -91,10 +123,10 @@ table .ui-table-row {
91
123
  }
92
124
  .ui-table td {
93
125
  padding: 26px 20px;
94
- font-family: 'hk-grotesk-regular';
126
+ font-family: 'nunitosans-regular';
95
127
  }
96
128
  .ui-table td a {
97
- font-family: 'hk-grotesk-semibold';
129
+ font-family: 'nunitosans-semibold';
98
130
  }
99
131
  .ui-table .ui-sort {
100
132
  color: $ui_back;
@@ -104,6 +136,13 @@ table .ui-table-row {
104
136
  background-size: 8px;
105
137
  background-position: left 10px top 6px;
106
138
  }
139
+ .ui-table thead tr {
140
+ background-image: url('icons/icn-dot.svg');
141
+ background-repeat: repeat-x;
142
+ background-position: bottom 1px left;
143
+ background-size: 1px;
144
+ }
145
+
107
146
  .ui-app-area .table thead th {
108
147
  border-bottom: transparent;
109
148
  }
@@ -116,10 +155,26 @@ table .ui-table-row {
116
155
  .ui-toptable .col-lg-6:first-child {
117
156
  align-self: flex-end;
118
157
  }
158
+ .ui-toptable h4 {
159
+ font-size: 18px !important;
160
+ }
161
+ .ui-table table thead .sort,
162
+ .ui-table .table thead .sort {
163
+ background-image: image-url('icons/icn-sort.svg');
164
+ background-repeat: no-repeat;
165
+ background-size: 8px;
166
+ background-position: left 14px top 22px;
167
+ padding-left: 28px;
168
+ }
169
+ .ui-table table thead .sort a,
170
+ .ui-table .table thead .sort a {
171
+ color: #000
172
+ }
119
173
 
120
174
  /* =========================== */
121
175
 
122
- .am-content.ui-app-area .block {
176
+ .am-content.ui-app-area .block,
177
+ .am-wrapper.main-app .block {
123
178
  display: block;
124
179
  float: left;
125
180
  position: relative;
@@ -132,6 +187,7 @@ table .ui-table-row {
132
187
  }
133
188
  .ui-app-area .dropdown .btn-group {
134
189
  display: block;
190
+ padding: 3px 6px 0px 6px;
135
191
  }
136
192
  .ui-app-area .dropdown .btn-group .btn {
137
193
  width: 100%;
@@ -180,13 +236,48 @@ table .ui-table-row {
180
236
  padding-left: 15px;
181
237
  }
182
238
 
239
+ .ui-app-area .dropdown .btn-group a,
240
+ .ui-app-area .dropdown .btn-group button {
241
+ border-radius: 6px !important;
242
+ margin-bottom: 3px;
243
+ }
244
+
245
+ /* =========================== */
246
+ /* Table Area Titles */
247
+
248
+ .land-app .view-header h1,
249
+ .land-app .white-header h1 {
250
+ font-size: $header-title;
251
+ }
252
+ .land-app .view-header h2,
253
+ .land-app .white-header h2 {
254
+ font-size: $header-title;
255
+ }
256
+ .land-app .view-header h3,
257
+ .land-app .white-header h3 {
258
+ font-size: $header-title;
259
+ }
260
+ .land-app .card-header h4 {
261
+ font-size: $block-title;
262
+ color: $block-title-color;
263
+ }
264
+ .land-app .s-title {
265
+ font-size: $block-secondary-title;
266
+ color: $block-secondary-title-color;
267
+ }
268
+ .land-app .block-result {
269
+ font-size: $block-result;
270
+ color: $block-result-color;
271
+ font-weight: bold;
272
+ }
273
+
183
274
  /* =========================== */
184
275
 
185
276
  .land-app .parcel-information-block {
186
277
  display: block;
187
278
  width: 100%;
188
279
  border-bottom: 1px solid #D9D9D9;
189
- padding: 15px;
280
+ padding: 15px 15px 0 15px;
190
281
  margin-left: 15px;
191
282
  margin-right: 15px;
192
283
  }
@@ -233,6 +324,29 @@ table .ui-table-row {
233
324
 
234
325
  /* =========================== */
235
326
 
327
+ .ui-app-area .list-group .list-group-item {
328
+ display: block;
329
+ }
330
+
331
+ /* =========================== */
332
+
333
+ .small-navbar {
334
+ display: block;
335
+ float: right;
336
+ position: relative;
337
+ background-color: $ui_white;
338
+ width: auto;
339
+ padding: 1px 12px;
340
+ margin-top: -22px;
341
+ margin-right: -15px;
342
+ box-shadow: $ui-shadow;
343
+ }
344
+ .small-navbar li {
345
+ display: inline-block;
346
+ }
347
+
348
+ /* =========================== */
349
+
236
350
  .parcel-main-info {
237
351
  display: block;
238
352
  float: left;
@@ -258,7 +372,8 @@ table .ui-table-row {
258
372
  border: none;
259
373
  width: 33%;
260
374
  padding-left: 0 !important;
261
- display: inline-block !important;
375
+ display: block !important;
376
+ float: left;
262
377
  }
263
378
  .parcel-main-info.site-plan .img-fluid {
264
379
  max-width: 50px;
@@ -456,7 +571,7 @@ table .ui-table-row {
456
571
  border: 1px solid #DDDDDD;
457
572
  padding: 10px;
458
573
  }
459
-
574
+
460
575
  .ui-app-area form #search:focus {
461
576
  box-shadow: 0 0 5px $ui_blue;
462
577
  border: 1px solid $ui_blue;
@@ -479,13 +594,24 @@ table .ui-table-row {
479
594
  .am-left-sidebar.col-12.col-lg-2.p-0.menu-app {
480
595
  display: block;
481
596
  float: left;
482
- position: relative;
597
+ position: absolute;
598
+ }
599
+ .am-left-sidebar:before {
600
+ box-shadow: 0 0 15px rgba(174,174,174,0.15);
601
+ border-right: 1px solid #D9D9D9;
602
+ background-color: #fff !important;
483
603
  }
484
604
  .am-content.col-12.col-lg-10.mx-auto.ui-app-area {
485
605
  display: block;
486
606
  float: right;
487
607
  position: relative;
488
608
  }
609
+ .am-wrapper.main-app .ui-app-area .main-content {
610
+ display: block;
611
+ float: left;
612
+ position: relative;
613
+ width: 100%;
614
+ }
489
615
  .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr {
490
616
  background-color:#fff;
491
617
  }
@@ -685,6 +811,10 @@ table .ui-table-row {
685
811
  .am-content.ui-app-area .table-widget {
686
812
  background-color: $ui_white;
687
813
  }
814
+ .am-content.ui-app-area table.no-ui {
815
+ background-color: transparent;
816
+ box-shadow: none;
817
+ }
688
818
 
689
819
  /* =========================== */
690
820
 
@@ -769,7 +899,7 @@ table .ui-table-row {
769
899
  border-bottom: 1px solid #d9d9d9;
770
900
  margin-left: 0px;
771
901
  margin-right: 0px;
772
- padding: 20px 0 !important;
902
+ padding: 10px 0 20px 0 !important;
773
903
  }
774
904
  .main-app .ui-app-area .nav-tabs .nav-link {
775
905
  padding: 0.5rem 0;
@@ -1278,7 +1408,7 @@ table .ui-table-row {
1278
1408
  margin: -4px 0 0 -6px;
1279
1409
  }
1280
1410
  .search-area button img {
1281
- width: -moz-available;
1411
+ width: -moz-available;
1282
1412
  width: -webkit-fill-available;
1283
1413
  width: fill-available;
1284
1414
  max-width: 35px;
@@ -1335,7 +1465,7 @@ table .ui-table-row {
1335
1465
  .land-app .ui-app-area .full-block .full-block-content .w-50,
1336
1466
  .land-app .ui-app-area .full-block .full-block-content .w-75,
1337
1467
  .land-app .ui-app-area .full-block .full-block-content .w-80 {
1338
- padding-right: 5px;
1468
+ padding-right: 5px;
1339
1469
  }
1340
1470
  .land-app .ui-app-area .full-block .full-block-content:last-child {
1341
1471
  margin-bottom: 0px;
@@ -1499,6 +1629,48 @@ table .ui-table-row {
1499
1629
 
1500
1630
  /* =========================== */
1501
1631
 
1632
+ .ui-app-area .table-item {
1633
+ background-color: $ui_white;
1634
+ padding: 20px 15px;
1635
+
1636
+ box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1637
+ border-radius: 4px;
1638
+ margin-bottom: 30px;
1639
+
1640
+ width: 24%;
1641
+ margin-left: 0.5%;
1642
+ margin-right: 0.5%;
1643
+ }
1644
+ .ui-app-area .table-item td {
1645
+ display: block;
1646
+ float: left;
1647
+ position: relative;
1648
+ width: 100%;
1649
+ }
1650
+ .ui-app-area .table-item .sort {
1651
+ z-index: 9999;
1652
+ }
1653
+ .ui-app-area .table-item .sort img {
1654
+ display: block;
1655
+ position: absolute;
1656
+ right: 0;
1657
+ top: 0;
1658
+ }
1659
+ .ui-app-area .table-item .sort img:hover {
1660
+ cursor: pointer;
1661
+ }
1662
+ .ui-app-area .table-item .status {
1663
+ font-size: 11px;
1664
+ border-radius: 4px;
1665
+ border: 1px solid #000;
1666
+ display: block;
1667
+ float: left;
1668
+ position: relative;
1669
+ padding: 2px 6px;
1670
+ }
1671
+
1672
+ /* =========================== */
1673
+
1502
1674
  .land-app .ui-app-area .dropzone {
1503
1675
  background-color: #fff;
1504
1676
  }
@@ -1629,6 +1801,10 @@ table .ui-table-row {
1629
1801
  left: 0 !important;
1630
1802
  }
1631
1803
 
1804
+ .am-content.ui-app-area .dropdown.dropleft:hover > .dropdown-menu {
1805
+ right: 0px !important;
1806
+ }
1807
+
1632
1808
  /* =========================== */
1633
1809
  /* Breadcrumbs - UI adaptations */
1634
1810
 
@@ -1846,7 +2022,8 @@ table .ui-table-row {
1846
2022
  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1847
2023
  margin-bottom: 4px;
1848
2024
  width: 32%;
1849
- margin-top: 30px;
2025
+ margin-top: 0px;
2026
+ margin-bottom: 30px;
1850
2027
  float: left;
1851
2028
  }
1852
2029
  .am-content.ui-app-area .model-widget:nth-child(odd) {
@@ -1866,6 +2043,12 @@ table .ui-table-row {
1866
2043
  width: 100%;
1867
2044
  margin-bottom: 12px;
1868
2045
  }
2046
+ .am-content.ui-app-area .model-widget .model-info .sort img,
2047
+ .am-content.ui-app-area .floor-widget .sort img {
2048
+ position: absolute;
2049
+ right: 2px;
2050
+ top: 0;
2051
+ }
1869
2052
  .am-content.ui-app-area .model-widget .model-info:last-child {
1870
2053
  margin-bottom: 0px;
1871
2054
  }
@@ -1882,10 +2065,12 @@ table .ui-table-row {
1882
2065
  margin-left: 0;
1883
2066
  margin-right: 4px;
1884
2067
  top: 0;
1885
- border: 1px solid #979797;
1886
2068
  border-radius: $ui-radius;
1887
- padding: 1px 6px;
1888
2069
  font-size: 12px;
2070
+ font-weight: bold;
2071
+ }
2072
+ .am-content.ui-app-area .model-widget .model-info .active-status h6 {
2073
+ font-weight: 600;
1889
2074
  }
1890
2075
  .am-content.ui-app-area .model-widget .model-info .active-status .active {
1891
2076
  background-image: image-url('icons/icn-active.svg');
@@ -1894,6 +2079,16 @@ table .ui-table-row {
1894
2079
  background-position: top 5px left 0px;
1895
2080
  padding-left: 12px;
1896
2081
  }
2082
+ .am-content.ui-app-area .model-widget .model-info .active-status .status {
2083
+ display: none;
2084
+ }
2085
+ .am-content.ui-app-area .model-widget .model-info .active-status .inactive {
2086
+ background-image: image-url('icons/icn-inactive.svg');
2087
+ background-repeat: no-repeat;
2088
+ background-size: 8px;
2089
+ background-position: top 5px left 0px;
2090
+ padding-left: 12px;
2091
+ }
1897
2092
  .am-content.ui-app-area .model-widget .model-info .model-title {
1898
2093
  display: block;
1899
2094
  float: left;
@@ -1901,10 +2096,10 @@ table .ui-table-row {
1901
2096
  }
1902
2097
  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1903
2098
  display: block;
1904
- float: right;
2099
+ float: left;
1905
2100
  }
1906
2101
  .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
1907
- float: right;
2102
+ float: left;
1908
2103
  font-size: 12px;
1909
2104
  border: 1px solid #979797;
1910
2105
  border-radius: $ui-radius;
@@ -1921,7 +2116,7 @@ table .ui-table-row {
1921
2116
  display: inline-block;
1922
2117
  width: 8px;
1923
2118
  height: 8px;
1924
- background-color: #ff0000;
2119
+ background-color: #4A4A4A;
1925
2120
  border-radius: 50%;
1926
2121
  }
1927
2122
  .am-content.ui-app-area .model-widget .model-img img {
@@ -1935,13 +2130,26 @@ table .ui-table-row {
1935
2130
 
1936
2131
  /* =========================== */
1937
2132
 
2133
+ .am-content.ui-app-area .block-pill {
2134
+ float: left;
2135
+ position: relative;
2136
+ width: 100%;
2137
+ background-color: #F6F8FA;
2138
+ border-radius: 4px;
2139
+ padding: 8px 15px 12px 15px;
2140
+ margin-bottom: 20px !important;
2141
+ }
2142
+
2143
+ /* =========================== */
2144
+
1938
2145
  .am-content.ui-app-area .main-content.edit .card-body {
1939
2146
  padding: 20px 15px;
1940
2147
  }
1941
2148
 
1942
2149
  /* =========================== */
1943
2150
 
1944
- .am-content.ui-app-area .floor-widget {
2151
+ .am-content.ui-app-area .floor-widget,
2152
+ .am-content.ui-app-area .block-widget {
1945
2153
  display: block;
1946
2154
  float: left;
1947
2155
  position: relative;
@@ -1954,30 +2162,35 @@ table .ui-table-row {
1954
2162
  margin-bottom: 30px;
1955
2163
  width: 100%;
1956
2164
  }
1957
- .am-content.ui-app-area .floor-widget .floor-container {
2165
+ .am-content.ui-app-area .floor-widget .floor-container,
2166
+ .am-content.ui-app-area .block-widget .blocks-container {
1958
2167
  display: block;
1959
2168
  float: left;
1960
2169
  position: relative;
1961
2170
  width: 100%;
1962
2171
  }
1963
- .am-content.ui-app-area .floor-widget .floor-container h3 {
2172
+ .am-content.ui-app-area .floor-widget .floor-container h3,
2173
+ .am-content.ui-app-area .block-widget .blocks-container h3 {
1964
2174
  font-size: 24px;
1965
2175
  border-left: 4px solid #D9DBE5;
1966
2176
  padding-left: 15px;
1967
2177
  }
1968
2178
  .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
1969
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas {
2179
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas,
2180
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas {
1970
2181
  display: block;
1971
2182
  float: left;
1972
2183
  position: relative;
1973
2184
  width: 100%;
1974
2185
  }
1975
- .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit {
2186
+ .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
2187
+ .am-content.ui-app-area .block-widget .blocks-container .block_title_add-edit {
1976
2188
  padding-bottom: 15px;
1977
2189
  border-bottom: 1px solid #D9D9D9;
1978
2190
  margin-bottom: 25px;
1979
2191
  }
1980
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
2192
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item,
2193
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item {
1981
2194
  display: block;
1982
2195
  float: left;
1983
2196
  position: relative;
@@ -1985,7 +2198,8 @@ table .ui-table-row {
1985
2198
  width: 20%;
1986
2199
  padding: 0 5px;
1987
2200
  }
1988
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item {
2201
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item,
2202
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item {
1989
2203
  display: block;
1990
2204
  float: left;
1991
2205
  position: relative;
@@ -1995,10 +2209,12 @@ table .ui-table-row {
1995
2209
  box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1996
2210
  border-radius: $ui-radius;
1997
2211
  }
1998
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover {
2212
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover,
2213
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item:hover {
1999
2214
  box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
2000
2215
  }
2001
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a {
2216
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a,
2217
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a {
2002
2218
  display: flex;
2003
2219
  width: 100%;
2004
2220
  height: 70px;
@@ -2007,7 +2223,8 @@ table .ui-table-row {
2007
2223
  color: #000;
2008
2224
  align-items: center;
2009
2225
  }
2010
- .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover {
2226
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover,
2227
+ .am-content.ui-app-area .block-widget .blocks-container .blocks_areas .block_area-item .area-item a:hover {
2011
2228
  text-decoration: none;
2012
2229
  }
2013
2230
 
@@ -2015,6 +2232,18 @@ table .ui-table-row {
2015
2232
  padding-right: 10px;
2016
2233
  }
2017
2234
 
2235
+ .am-content.ui-app-area .full-tabs {
2236
+ margin-top: 30px;
2237
+ }
2238
+ .am-content.ui-app-area .full-tabs .nav-tabs {
2239
+ border-bottom: 1px solid #D8DBE5 !important;
2240
+ }
2241
+ .am-content.ui-app-area .full-tabs .nav-tabs .nav-link {
2242
+ padding-left: 22px;
2243
+ padding-right: 22px;
2244
+ color: #000;
2245
+ }
2246
+
2018
2247
  /* =========================== */
2019
2248
 
2020
2249
  .am-content.ui-app-area .add-block {
@@ -2254,7 +2483,7 @@ table .ui-table-row {
2254
2483
  float: left;
2255
2484
  position: relative;
2256
2485
  width: 100%;
2257
- padding: 20px 20px 2px 20px;
2486
+ padding: 15px 20px 8px 20px;
2258
2487
  background-color: $ui_white;
2259
2488
  border: 1px solid #d9d9d9;
2260
2489
  border-radius: $ui-radius;
@@ -16,6 +16,16 @@
16
16
  asset-url('HK-Grotesk/Bold/HKGrotesk-Bold.ttf') format('truetype');
17
17
  }
18
18
 
19
+ @font-face {
20
+ font-family: 'nunitosans-bold';
21
+ src: asset-url('nunito/bold/nunitosans-bold.woff2') format('woff2'),
22
+ asset-url('nunito/bold/nunitosans-bold.woff') format('woff'),
23
+ asset-url('nunito/bold/nunitosans-bold.ttf') format('truetype'),
24
+ asset-url('nunito/bold/nunitosans-bold.svg#nunitosans-bold') format('svg');
25
+ font-weight: normal;
26
+ font-style: normal;
27
+ }
28
+
19
29
  /* ================================ */
20
30
 
21
31
  @font-face {