welcome_css 0.24 → 0.28

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: d0f9e51e147d5d6ce7de09624b52c66f0775ca741df98096111ce87523c2fd4d
4
- data.tar.gz: 2726cf0b39e3176ecda8caace1175921ed527c9cf5573deb7daf6066d06ad4f9
3
+ metadata.gz: b149b52185d8f4873e173c05b26f7c2903c2f4a549467eef4c798b74a44dfe6c
4
+ data.tar.gz: 3c585a014a599bc09b0a74b3f531d86afc8a1ecf8165f758f28813be463e130c
5
5
  SHA512:
6
- metadata.gz: 1651457c3cb6f42ce3349f856d0b10159ae40527821b40f380aa3ae0ba31f6e46c0219c555f92487e366b5ed9fb1741e3bc52f74c0b021339021abc2e0ef12dd
7
- data.tar.gz: 0af6a8fd59ceb44e4f03cf2071c30482bd3c618982921f87f20ab1071249457bbc1716b2b4277fd6d63fdf81f59e8603a06d93404bb803e71ff85d67c59f1409
6
+ metadata.gz: a15811e869d77dd0147aaf95ffb6bd06b1d58abf656971dcec4552e7d5723b630b80acf4a535f294148e3fb5ad7f5dd36b2f2138343b1eab546a3e3902a49946
7
+ data.tar.gz: 37888260df98b872ddf8192d3b66d82d340bd62e336a20fcf4f79c7f621e17332bd181cf160a86e78e384088d38e8c6f0f184534bb9176b30584c9bb9c56ce45
@@ -87,6 +87,22 @@
87
87
  font-family: 'gt-eesti-medium';
88
88
  }
89
89
 
90
+ .btn-white {
91
+ background-color: $ui_white;
92
+ font-size: $ui_font_normal;
93
+ color: $ui_back;
94
+ border: 1px solid $ui_back;
95
+ font-family: 'gt-eesti-medium';
96
+ }
97
+ .btn-gray {
98
+ background-color: $ui_white;
99
+ font-size: $ui_font_normal;
100
+ color: $ui_back;
101
+ border: 1px solid $ui_back;
102
+ font-family: 'hk_groteskmedium';
103
+ font-weight: 400;
104
+ }
105
+
90
106
  .btn-black {
91
107
  background-color: $ui_back;
92
108
  font-size: $ui_font_normal;
@@ -120,6 +136,35 @@
120
136
 
121
137
  /* ========================================= */
122
138
 
139
+ .btn-duplicate {
140
+ padding: 6px 17px !important;
141
+ text-indent: -9999px;
142
+ background-image: image-url('icons/icn-duplicate.svg');
143
+ background-repeat: no-repeat;
144
+ background-size: 16px;
145
+ background-position: top 8px left 9px;
146
+ }
147
+ .btn-edit {
148
+ padding: 6px 17px !important;
149
+ text-indent: -9999px;
150
+ background-image: image-url('icons/icn-edit.svg');
151
+ background-repeat: no-repeat;
152
+ background-size: 16px;
153
+ background-position: top 8px left 9px;
154
+ background-color: $ui_white;
155
+ }
156
+ .btn-delete {
157
+ padding: 6px 17px !important;
158
+ text-indent: -9999px;
159
+ background-image: image-url('icons/icn-trash.svg');
160
+ background-repeat: no-repeat;
161
+ background-size: 16px;
162
+ background-position: top 8px left 9px;
163
+ background-color: $ui_white;
164
+ }
165
+
166
+ /* ========================================= */
167
+
123
168
  .ui-btn-status {
124
169
  text-indent: -9999px;
125
170
  border-radius: 50%;
@@ -9,5 +9,3 @@
9
9
  font-size: $ui_font_small;
10
10
  font-family: 'hk-grotesk-semibold';
11
11
  }
12
-
13
-
@@ -21,6 +21,239 @@
21
21
  }
22
22
  }
23
23
 
24
+ @media (min-width: 993px) {
25
+ .navbar-toggle {
26
+ display: none;
27
+ }
28
+ ul#navbar {
29
+ display: block;
30
+ }
31
+ }
32
+
33
+ @media (max-width: 992px) {
34
+ .navbar-nav.ml-auto {
35
+ display: block;
36
+ margin-right: 40px;
37
+ }
38
+ .navbar-nav.ml-auto li {
39
+ display: block;
40
+ float: left;
41
+ position: relative;
42
+ margin: 0 0 0 10px;
43
+ }
44
+ .navbar.navbar-ui {
45
+ position: fixed;
46
+ height: 58px;
47
+ width: 100%;
48
+ background-color: #fff;
49
+ z-index: 2;
50
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
51
+ }
52
+ .land-app .view-header .col-lg-6 {
53
+ width: 30%!important;
54
+ display: inline-block;
55
+ float: left;
56
+ position: relative;
57
+ }
58
+ .land-app .view-header .col-lg-6:last-child {
59
+ width: 70%!important;
60
+ display: inline-block;
61
+ float: left;
62
+ position: relative;
63
+ }
64
+ .land-app .main-btns .ui-menu-dots {
65
+ padding: 0;
66
+ width: 25px !important;
67
+ }
68
+ .land-app .btn.dropdown-toggle {
69
+ float: right;
70
+ }
71
+ .parcel-pdf-dropdown {
72
+ right: 0px;
73
+ }
74
+ .land-app .pagination {
75
+ display: block;
76
+ float: left;
77
+ position: relative;
78
+ width: 100%;
79
+ }
80
+ .land-app .pagination li {
81
+ display: block;
82
+ float: left;
83
+ position: relative;
84
+ margin: 0 3px;
85
+ }
86
+ #general-stats-container .widget-area .w-25,
87
+ #new-properties-inner-container .block-stats-area .w-33,
88
+ #approval-requirements-container .block-stats-area .w-33 {
89
+ width: 50% !important;
90
+ }
91
+ #comparisons-inner-container .block-stats-area .w-33,
92
+ #comparisons-inner-container .block-stats-area .w-66 {
93
+ width: 100% !important;
94
+ }
95
+ .land-app .navbar {
96
+ display: block;
97
+ position: fixed;
98
+ width: 100%;
99
+ height: 58px;
100
+ background-color: #fff;
101
+ z-index: 2;
102
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.80);
103
+ top: 0;
104
+ }
105
+ .land-app .menu-app .navbar-toggle {
106
+ display: block;
107
+ position: fixed;
108
+ right: 10px;
109
+ top: 15px;
110
+ background-color: transparent;
111
+ border: none;
112
+ z-index: 2;
113
+ }
114
+ .land-app .navbar-nav {
115
+ position: absolute;
116
+ right: 20px;
117
+ top: 9px;
118
+ }
119
+ .land-app ul#navbar {
120
+ width: 100%;
121
+ position: fixed;
122
+ z-index: 2;
123
+ right: 0px;
124
+ top: 59px;
125
+ background-color: #fff;
126
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.80);
127
+ }
128
+ .land-app ul#navbar .list-group-item {
129
+ padding: 8px 35px;
130
+ background-position: left 14px top 14px !important;
131
+ }
132
+ .land-app ul#navbar .sidebar-submenu {
133
+ width: 100%;
134
+ padding-left: 24px;
135
+ }
136
+ .ui-app-area {
137
+ padding-top: 80px;
138
+ }
139
+ .block-stats-area .form-control,
140
+ .card.card-body .form-control {
141
+ margin-bottom: 12px;
142
+ }
143
+ #ui-tabs .dropdown {
144
+ display: block;
145
+ float: left;
146
+ position: relative;
147
+ width: 100%;
148
+ margin-bottom: 30px;
149
+ }
150
+ #ui-tabs .btn.btn-select {
151
+ float: left !important;
152
+ }
153
+ .land-app .ui-app-area form input {
154
+ margin-bottom: 12px;
155
+ }
156
+ .land-app .ui-app-area .form-inline {
157
+ align-items: baseline;
158
+ }
159
+ .search-area form input {
160
+ margin-bottom: 0 !important;
161
+ }
162
+ }
163
+
164
+ @media (max-width: 768px) {
165
+ .view-header .col-lg-6,
166
+ .view-header .col-lg-6:last-child {
167
+ width: 50%!important;
168
+ }
169
+ .view-header .col-lg-6_last-child {
170
+ width: 50%!important;
171
+ }
172
+ .view-header .text-right {
173
+ text-align: right !important;
174
+ }
175
+ #upload-csv {
176
+ display: none;
177
+ }
178
+ .parcel-information-block .w-75,
179
+ .parcel-information-block .w-25,
180
+ .parcel-information-block .w-10 {
181
+ width: 100% !important;
182
+ }
183
+ #ui-tabs .btn.btn-select {
184
+ width: 100%;
185
+ }
186
+ .parcel-main-info .card .list-group-item {
187
+ width: 32%;
188
+ }
189
+ }
190
+
191
+ @media (max-width: 580px) {
192
+ .stats-area .col-3,
193
+ .stats-area .col-9 {
194
+ width: 100% !important;
195
+ max-width: 100% !important;
196
+ flex: auto;
197
+ }
198
+ .daily-area {
199
+ order: 1;
200
+ }
201
+ .general-area {
202
+ order: 2;
203
+ }
204
+ .search-area input[type="image"] {
205
+ padding: 0;
206
+ }
207
+ #general-stats-container .widget-area {
208
+ padding-left: 12px;
209
+ padding-right: 12px;
210
+ }
211
+ #general-stats-container .widget-area .w-25,
212
+ #general-stats-container .widget-area .w-25 .widget,
213
+ #new-properties-inner-container .block-stats-area .w-33,
214
+ #new-properties-inner-container .block-stats-area .w-33 .widget,
215
+ #approval-requirements-container .block-stats-area .w-33,
216
+ #approval-requirements-container .block-stats-area .w-25,
217
+ #approval-requirements-container .block-stats-area .w-15 {
218
+ width: 100% !important;
219
+ }
220
+ .view-header .col-lg-6,
221
+ .view-header .col-lg-6:last-child {
222
+ width: 50% !important;
223
+ }
224
+ .parcel-main-info .card .list-group-item {
225
+ width: 100%;
226
+ }
227
+ .am-content.ui-app-area .model-widget {
228
+ width: 100%;
229
+ }
230
+ .am-content.ui-app-area .page-head {
231
+ display: block;
232
+ float: left;
233
+ position: relative;
234
+ width: 100%;
235
+ margin-bottom: 30px;
236
+ }
237
+ .am-content.ui-app-area .page-head .float-right {
238
+ display: block;
239
+ width: 100%;
240
+ position: relative;
241
+ margin-top: 12px;
242
+ }
243
+ .models-area {
244
+ display: block;
245
+ float: left;
246
+ position: relative;
247
+ width: 100%;
248
+ }
249
+
250
+ /* =========================== */
251
+
252
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
253
+ width: 33%;
254
+ }
255
+ }
256
+
24
257
  @media (min-width: 576px) {
25
258
  .modal-dialog {
26
259
  max-width: 680px;
@@ -416,7 +416,7 @@ table .ui-table-row {
416
416
  max-width: 480px;
417
417
  border: 1px solid $ui_darkgray;
418
418
  border-radius: $ui-radius;
419
- margin-top: $lg-margintop;
419
+ margin-top: 100px;
420
420
  }
421
421
  .ui-login .btn.btn-outline-primary {
422
422
  background-color: $ui_blue;
@@ -1558,10 +1558,24 @@ table .ui-table-row {
1558
1558
  /* =========================== */
1559
1559
  /* Breadcrumbs - UI adaptations */
1560
1560
 
1561
+ .am-wrapper .breadcrumb-area {
1562
+ padding-left: 0;
1563
+ padding-right: 0;
1564
+ }
1561
1565
  .breadcrumb {
1562
1566
  color: #6c757d;
1563
1567
  }
1564
1568
 
1569
+ /* =========================== */
1570
+
1571
+ .am-content.ui-app-area .simple_form {
1572
+ padding: 0 30px;
1573
+ }
1574
+ .am-content.ui-app-area .simple_form .card-footer {
1575
+ background-color: transparent;
1576
+ padding: 15px 0;
1577
+ }
1578
+
1565
1579
  /* =========================== */
1566
1580
  /* Modals*/
1567
1581
 
@@ -1874,6 +1888,7 @@ table .ui-table-row {
1874
1888
  float: left;
1875
1889
  position: relative;
1876
1890
  width: 100%;
1891
+ height: 70px;
1877
1892
  background: #FFFFFF;
1878
1893
  box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1879
1894
  border-radius: $ui-radius;
@@ -1882,12 +1897,13 @@ table .ui-table-row {
1882
1897
  box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
1883
1898
  }
1884
1899
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a {
1885
- display: block;
1900
+ display: flex;
1886
1901
  width: 100%;
1887
- height: 100%;
1902
+ height: 70px;
1888
1903
  position: relative;
1889
- padding: 20px 15px;
1904
+ padding: 0 15px;
1890
1905
  color: #000;
1906
+ align-items: center;
1891
1907
  }
1892
1908
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover {
1893
1909
  text-decoration: none;
@@ -1932,37 +1948,114 @@ table .ui-table-row {
1932
1948
 
1933
1949
  /* =========================== */
1934
1950
 
1935
- .am-content.ui-app-area .add-item {
1951
+ .am-content.ui-app-area .add-item-relative {
1936
1952
  display: block;
1937
- float: left;
1938
1953
  position: relative;
1939
- border-top: 1px solid #D9D9D9;
1940
- margin-top: 5px;
1954
+ margin-top: 0px;
1955
+ margin-bottom: 30px;
1956
+ width: 100%;
1957
+ padding: 0 15px;
1941
1958
  }
1959
+ .am-content.ui-app-area .add-item {
1960
+ display: block;
1961
+ position: absolute;
1962
+ /*border-top: 1px solid #D9D9D9;*/
1963
+ margin-top: 0px;
1964
+ width: 100%;
1965
+ padding: 0 15px;
1966
+ bottom: 0;
1967
+ left: 0;
1968
+ right: 0;
1969
+ }
1970
+ .am-content.ui-app-area .add-item-relative .add-item-container,
1942
1971
  .am-content.ui-app-area .add-item .add-item-container {
1943
1972
  background-color: #F2F2F2;
1944
1973
  border-radius: $ui-radius;
1945
1974
  padding: 8px 20px;
1946
- margin-top: 30px;
1975
+ margin-top: 0px;
1947
1976
  display: block;
1948
1977
  float: left;
1949
1978
  position: relative;
1950
1979
  width: 100%;
1980
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
1951
1981
  }
1982
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1983
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1952
1984
  .am-content.ui-app-area .add-item .add-item-container .add-text,
1953
1985
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1954
1986
  display: block;
1955
1987
  float: left;
1956
1988
  position: relative;
1957
1989
  }
1990
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1958
1991
  .am-content.ui-app-area .add-item .add-item-container .add-text {
1959
1992
  font-weight: 600;
1960
1993
  margin-top: 5px;
1961
1994
  }
1995
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1962
1996
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1963
1997
  float: right;
1964
1998
  }
1965
1999
 
2000
+ /* =========================== */
2001
+
2002
+ .am-content.ui-app-area .group-row {
2003
+ padding-bottom: 10px;
2004
+ border-bottom: 1px solid #dee2e6;
2005
+ margin-bottom: 15px;
2006
+ }
2007
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
2008
+ border-color: $ui_back;
2009
+ color: $ui_back;
2010
+ margin-right: 12px;
2011
+ margin-bottom: 20px;
2012
+ margin-top: 6px;
2013
+ border-radius: $ui-radius;
2014
+ padding: 6px 17px !important;
2015
+ text-indent: -9999px;
2016
+ background-image: image-url('icons/icn-download.svg');
2017
+ background-repeat: no-repeat;
2018
+ background-size: 14px;
2019
+ background-position: top 9px left 9px;
2020
+ }
2021
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary:hover {
2022
+ background-color: $ui_middlegray;
2023
+ }
2024
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-danger {
2025
+ border-color: $ui_red;
2026
+ color: $ui_back;
2027
+ margin-right: 12px;
2028
+ margin-bottom: 20px;
2029
+ margin-top: 6px;
2030
+ border-radius: $ui-radius;
2031
+ padding: 6px 17px !important;
2032
+ text-indent: -9999px;
2033
+ background-image: image-url('icons/icn-trash.svg');
2034
+ background-repeat: no-repeat;
2035
+ background-size: 16px;
2036
+ background-position: top 8px left 9px;
2037
+ }
2038
+
2039
+ /* =========================== */
2040
+
2041
+ .am-content.ui-app-area .model-buttons {
2042
+ display: block;
2043
+ position: relative;
2044
+ width: 100%;
2045
+ }
2046
+ .am-content.ui-app-area .model-buttons .btns-left {
2047
+ display: block;
2048
+ float: left;
2049
+ position: relative;
2050
+ width: 35%;
2051
+ }
2052
+ .am-content.ui-app-area .model-buttons .btns-right {
2053
+ display: block;
2054
+ float: right;
2055
+ position: relative;
2056
+ width: 65%;
2057
+ text-align: right;
2058
+ }
1966
2059
 
1967
2060
 
1968
2061
 
@@ -27,7 +27,7 @@ h1, h2, h3, h4 {
27
27
  $ui_back: #000000 !important;
28
28
  $ui_white: #ffffff !important;
29
29
  $ui_blue: #4A8FE7 !important;
30
- $ui_red: #ff0000 !important;
30
+ $ui_red: #FF4949 !important;
31
31
  $ui_green: #28A745 !important;
32
32
  $ui_darkgray: #9C9C9C !important;
33
33
  $ui_middlegray: #F2F2F2 !important;
@@ -1,12 +1,12 @@
1
1
  @import "welcome-ui";
2
+ @import "fonts";
2
3
  @import "welcome_bootstrap_variables";
3
4
  @import "bootstrap/scss/bootstrap";
4
- @import "fonts";
5
5
  @import "welcome-ui-typography";
6
6
  @import "welcome-ui-tables";
7
7
  @import "welcome-ui-navbar";
8
8
  @import "welcome-ui-menu-app";
9
9
  @import "welcome-ui-buttons";
10
- @import "welcome-ui-tabs";
11
10
  @import "welcome-ui-sidebar";
12
- @import "welcome-ui-responsive";
11
+ @import "welcome-ui-tabs";
12
+ @import "welcome-ui-responsive";
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.24"
2
+ VERSION = "0.28"
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.24'
4
+ version: '0.28'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jose Camacho
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-12-17 00:00:00.000000000 Z
11
+ date: 2022-01-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails