welcome_css 0.23 → 0.27

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: 394898768caa0d57d290b7b642c4b20f4291cffe142f9088c6057646de195164
4
- data.tar.gz: 1faa5f35db9c61cd364940ffc974f619493dfb2114aff9ffcac836fa4f2a8cb2
3
+ metadata.gz: b5714f6bc40580fe1cc7cf961c8964746ecd5b9aaee6515b86553c6fb266f28d
4
+ data.tar.gz: 3ff2bdb425d38e3a712ee5444398db8005b5d920c605f4725622f3575901f618
5
5
  SHA512:
6
- metadata.gz: 4a371dde9e953387fe1adaceccc49fa2aefdde199d1123380b768b1779a88062dcbe937904946fec966f8a2122395d6f5131a3427d7669154e3235f474673366
7
- data.tar.gz: 5e2399efabd2b0ddd6d40666c5808ac57f56a97c5e730fc6289033bafbfa91f624e49fc035d8d43634bfc39154d93eae5475e7be0ea08a240e41e654f3297726
6
+ metadata.gz: 639bf14581a51f9650df5031dbae23a198c7951a5bb220f7cd539a7b2bac822140daaf663c46f7d506d66c14c6a76fd20eeee10f35e8a932ddb448ccfc174555
7
+ data.tar.gz: 20fb9dcab3ac79284b621ffed2139871abff03eb547cda7239e47366ebf5493bfd863c321365a42da1566aa96d6eca10cbc2ffa7fcbf3238745beadd3dc9bd7f
@@ -87,6 +87,14 @@
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
+
90
98
  .btn-black {
91
99
  background-color: $ui_back;
92
100
  font-size: $ui_font_normal;
@@ -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,217 @@
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
+
228
+ /* =========================== */
229
+
230
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
231
+ width: 33%;
232
+ }
233
+ }
234
+
24
235
  @media (min-width: 576px) {
25
236
  .modal-dialog {
26
237
  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;
@@ -762,8 +762,8 @@ table .ui-table-row {
762
762
  }
763
763
  .main-app .ui-app-area .page-head {
764
764
  border-bottom: 1px solid #d9d9d9;
765
- margin-left: 20px;
766
- margin-right: 20px;
765
+ margin-left: 0px;
766
+ margin-right: 0px;
767
767
  padding: 20px 0 !important;
768
768
  }
769
769
  .main-app .ui-app-area .nav-tabs .nav-link {
@@ -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
 
@@ -1739,6 +1753,237 @@ table .ui-table-row {
1739
1753
  font-size: 14px;
1740
1754
  }
1741
1755
 
1756
+ /* =========================== */
1757
+
1758
+ .am-content.ui-app-area .model-widget {
1759
+ display: block;
1760
+ position: relative;
1761
+ background-color: $ui_white;
1762
+ padding: 18px 20px;
1763
+ border-radius: $ui-radius;
1764
+ box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1765
+ -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1766
+ -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1767
+ margin-bottom: 30px;
1768
+ width: 49%;
1769
+ margin-top: 30px;
1770
+ }
1771
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
1772
+ margin-right: 5px;
1773
+ float: left;
1774
+ }
1775
+ .am-content.ui-app-area .model-widget:nth-child(even) {
1776
+ margin-left: 5px;
1777
+ float: right;
1778
+ }
1779
+ .am-content.ui-app-area .model-widget .model-info {
1780
+ display: block;
1781
+ float: left;
1782
+ position: relative;
1783
+ width: 100%;
1784
+ margin-bottom: 12px;
1785
+ }
1786
+ .am-content.ui-app-area .model-widget .model-info:last-child {
1787
+ margin-bottom: 0px;
1788
+ }
1789
+ .am-content.ui-app-area .model-widget .model-info .active-status {
1790
+ display: inline-block;
1791
+ position: relative;
1792
+ margin-left: 4px;
1793
+ top: -2px;
1794
+ border: 1px solid #979797;
1795
+ border-radius: $ui-radius;
1796
+ padding: 1px 6px;
1797
+ font-size: 12px;
1798
+ }
1799
+ .am-content.ui-app-area .model-widget .model-info .model-title,
1800
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1801
+ display: block;
1802
+ float: left;
1803
+ }
1804
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
1805
+ float: right;
1806
+ font-size: 12px;
1807
+ border: 1px solid #979797;
1808
+ border-radius: $ui-radius;
1809
+ padding: 1px 6px;
1810
+ }
1811
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .active {
1812
+ display: inline-block;
1813
+ width: 8px;
1814
+ height: 8px;
1815
+ background-color: #2FCC32;
1816
+ border-radius: 50%;
1817
+ }
1818
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .inactive {
1819
+ display: inline-block;
1820
+ width: 8px;
1821
+ height: 8px;
1822
+ background-color: #ff0000;
1823
+ border-radius: 50%;
1824
+ }
1825
+ .am-content.ui-app-area .model-widget .model-img img {
1826
+ max-width: 100%;
1827
+ margin-bottom: 12px;
1828
+ }
1829
+ .am-content.ui-app-area .model-widget .model-info.separator {
1830
+ padding-top: 14px;
1831
+ border-top: 1px solid #D9D9D9;
1832
+ }
1833
+
1834
+ /* =========================== */
1835
+
1836
+ .am-content.ui-app-area .main-content.edit .card-body {
1837
+ padding: 20px 15px;
1838
+ }
1839
+
1840
+ /* =========================== */
1841
+
1842
+ .am-content.ui-app-area .floor-widget {
1843
+ display: block;
1844
+ float: left;
1845
+ position: relative;
1846
+ background-color: $ui_white;
1847
+ padding: 18px 20px;
1848
+ border-radius: $ui-radius;
1849
+ box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1850
+ -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1851
+ -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1852
+ margin-bottom: 30px;
1853
+ width: 100%;
1854
+ }
1855
+ .am-content.ui-app-area .floor-widget .floor-container {
1856
+ display: block;
1857
+ float: left;
1858
+ position: relative;
1859
+ width: 100%;
1860
+ }
1861
+ .am-content.ui-app-area .floor-widget .floor-container h3 {
1862
+ font-size: 24px;
1863
+ border-left: 4px solid #D9DBE5;
1864
+ padding-left: 15px;
1865
+ }
1866
+ .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
1867
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas {
1868
+ display: block;
1869
+ float: left;
1870
+ position: relative;
1871
+ width: 100%;
1872
+ }
1873
+ .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit {
1874
+ padding-bottom: 15px;
1875
+ border-bottom: 1px solid #D9D9D9;
1876
+ margin-bottom: 25px;
1877
+ }
1878
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
1879
+ display: block;
1880
+ float: left;
1881
+ position: relative;
1882
+ margin-bottom: 15px;
1883
+ width: 20%;
1884
+ padding: 0 5px;
1885
+ }
1886
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item {
1887
+ display: block;
1888
+ float: left;
1889
+ position: relative;
1890
+ width: 100%;
1891
+ height: 70px;
1892
+ background: #FFFFFF;
1893
+ box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1894
+ border-radius: $ui-radius;
1895
+ }
1896
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item:hover {
1897
+ box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
1898
+ }
1899
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a {
1900
+ display: flex;
1901
+ width: 100%;
1902
+ height: 70px;
1903
+ position: relative;
1904
+ padding: 0 15px;
1905
+ color: #000;
1906
+ align-items: center;
1907
+ }
1908
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover {
1909
+ text-decoration: none;
1910
+ }
1911
+
1912
+ .am-content.ui-app-area .model-tabs .nav.nav-tabs {
1913
+ padding-right: 10px;
1914
+ }
1915
+
1916
+ /* =========================== */
1917
+
1918
+ .am-content.ui-app-area .add-block {
1919
+ background-color: #F2F2F2;
1920
+ border-radius: $ui-radius;
1921
+ padding: 8px 20px;
1922
+ }
1923
+ .am-content.ui-app-area .add-block .padding-center {
1924
+ padding: 7px 20px;
1925
+ }
1926
+ .am-content.ui-app-area .row-without-dots {
1927
+ display: block;
1928
+ float: left;
1929
+ position: relative;
1930
+ width: 100% !important;
1931
+ background-color: #fff;
1932
+ padding: 12px;
1933
+ margin-top: -16px;
1934
+ margin-bottom: 30px;
1935
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
1936
+ }
1937
+ .am-content.ui-app-area .card-body {
1938
+ width: 100%;
1939
+ padding: 30px 0;
1940
+ }
1941
+
1942
+ /* =========================== */
1943
+
1944
+ .am-content.ui-app-area .page-head h2 {
1945
+ border-left: 4px solid #D9DBE5;
1946
+ padding-left: 12px;
1947
+ }
1948
+
1949
+ /* =========================== */
1950
+
1951
+ .am-content.ui-app-area .add-item {
1952
+ display: block;
1953
+ position: absolute;
1954
+ /*border-top: 1px solid #D9D9D9;*/
1955
+ margin-top: 0px;
1956
+ width: 100%;
1957
+ padding: 0 15px;
1958
+ bottom: 0;
1959
+ left: 0;
1960
+ right: 0;
1961
+ }
1962
+ .am-content.ui-app-area .add-item .add-item-container {
1963
+ background-color: #F2F2F2;
1964
+ border-radius: $ui-radius;
1965
+ padding: 8px 20px;
1966
+ margin-top: 0px;
1967
+ display: block;
1968
+ float: left;
1969
+ position: relative;
1970
+ width: 100%;
1971
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
1972
+ }
1973
+ .am-content.ui-app-area .add-item .add-item-container .add-text,
1974
+ .am-content.ui-app-area .add-item .add-item-container .add-btn {
1975
+ display: block;
1976
+ float: left;
1977
+ position: relative;
1978
+ }
1979
+ .am-content.ui-app-area .add-item .add-item-container .add-text {
1980
+ font-weight: 600;
1981
+ margin-top: 5px;
1982
+ }
1983
+ .am-content.ui-app-area .add-item .add-item-container .add-btn {
1984
+ float: right;
1985
+ }
1986
+
1742
1987
 
1743
1988
 
1744
1989
 
@@ -77,7 +77,6 @@ $lg-paddingbottom: 60px;
77
77
  .ui-app-area h4 {
78
78
  font-size: 20px;
79
79
  }
80
-
81
80
  .land-app, .main-app {
82
81
  background-color: $ui_lightergray;
83
82
  }
@@ -91,6 +90,9 @@ $lg-paddingbottom: 60px;
91
90
  .am-left-sidebar .sidebar-elements > li > ul {
92
91
  left: 16% !important;
93
92
  }
93
+ .ui-app-area .no-margin {
94
+ margin: 0;
95
+ }
94
96
 
95
97
  /* ====================================== */
96
98
 
@@ -108,10 +110,13 @@ $lg-paddingbottom: 60px;
108
110
  float: right;
109
111
  background-color: #fafafa !important;
110
112
  }
111
- .am-wrapper.main-app .ui-app-area .main-content,
112
113
  .am-wrapper.main-app .ui-app-area .page-head {
113
114
  padding: 20px;
114
115
  }
116
+ .am-wrapper.main-app .ui-app-area .main-content {
117
+ padding: 0;
118
+ margin-top: 0px;
119
+ }
115
120
  .am-navbar-header .page-title img {
116
121
  width: 84px;
117
122
  margin-left: -26px;
@@ -1,12 +1,12 @@
1
1
  @import "welcome-ui";
2
2
  @import "welcome_bootstrap_variables";
3
- @import "bootstrap/scss/bootstrap";
4
3
  @import "fonts";
4
+ @import "bootstrap/scss/bootstrap";
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.23"
2
+ VERSION = "0.27"
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.23'
4
+ version: '0.27'
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-11-29 00:00:00.000000000 Z
11
+ date: 2022-01-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails