welcome_css 0.25 → 0.29

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: af20f250f3964ddd44de304c69066f1f45a986c14b0db2c31e5f38a7f89a637b
4
- data.tar.gz: 26f383be41f8c9830ffaf7f41487d1c41e9c185ab0619a4d7f163ce5b5f5ac4a
3
+ metadata.gz: faaec364c3e93350b3cb8fbe4fb5ece65dd61481398bd40505106b3c01b09733
4
+ data.tar.gz: 65e4a978db869c526705bf7962fdd2379c83589b510aa1dbf741af6bc3c6ca03
5
5
  SHA512:
6
- metadata.gz: fdf1b717c3f23d13694a5dcaf60ec5f0a9fdc6c383ad01355c7ecb5dda985a976dc6a5bf697dbf1cd90f69fdef45a4a330591f2ae5a041db647ee2c71ab57921
7
- data.tar.gz: 690b04ed86f2d294069bb3e1fba200df4fcc7898b51f410155119342cde295b1665b36b7b4fe4a82c47cd2f57d77b01614031cf89bb23caeb553b0e420d335ee
6
+ metadata.gz: cc1e6d4b3c2c273dc42d306edc69dbf43780a39c4b01ee61bdd39f2422c35dcf2c2178f148e67ac6715c0f49647fe1828c171d770b6e3f485ad9c5c3e11042bb
7
+ data.tar.gz: 20f6fb0937f13e406bf883cff227eb23c4c017e7be925a2b2a1c74724ae9522c28b6bb8d2c8c979775af5bc0467b91ec8d91005a8813bb9431c8d0df8a7d311c
@@ -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,34 @@
120
136
 
121
137
  /* ========================================= */
122
138
 
139
+ .btn-duplicate {
140
+ padding: 6px 12px 6px 26px !important;
141
+ background-image: image-url('icons/icn-duplicate.svg');
142
+ background-repeat: no-repeat;
143
+ background-size: 12px;
144
+ background-position: top 10px left 9px;
145
+ }
146
+ .btn-edit {
147
+ padding: 6px 17px !important;
148
+ text-indent: -9999px;
149
+ background-image: image-url('icons/icn-edit.svg');
150
+ background-repeat: no-repeat;
151
+ background-size: 16px;
152
+ background-position: top 8px left 9px;
153
+ background-color: $ui_white;
154
+ }
155
+ .btn-delete {
156
+ padding: 6px 17px !important;
157
+ text-indent: -9999px;
158
+ background-image: image-url('icons/icn-trash.svg');
159
+ background-repeat: no-repeat;
160
+ background-size: 16px;
161
+ background-position: top 8px left 9px;
162
+ background-color: $ui_white;
163
+ }
164
+
165
+ /* ========================================= */
166
+
123
167
  .ui-btn-status {
124
168
  text-indent: -9999px;
125
169
  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
-
@@ -30,24 +30,52 @@
30
30
  }
31
31
  }
32
32
 
33
+ @media (max-width: 1200px) {
34
+ .am-content.ui-app-area .model-widget .model-info .active-status {
35
+ display: block;
36
+ position: relative;
37
+ clear: both;
38
+ width: max-content;
39
+ margin-left: 0px;
40
+ top: 0px;
41
+ }
42
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status {
43
+ display: block;
44
+ float: left;
45
+ width: 100% !important;
46
+ }
47
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
48
+ float: left;
49
+ margin-top: 6px;
50
+ }
51
+ }
52
+
33
53
  @media (max-width: 992px) {
34
- .navbar-nav {
54
+ .navbar-nav.ml-auto {
35
55
  display: block;
36
56
  margin-right: 40px;
37
57
  }
38
- .navbar-nav li {
58
+ .navbar-nav.ml-auto li {
39
59
  display: block;
40
60
  float: left;
41
61
  position: relative;
42
62
  margin: 0 0 0 10px;
43
63
  }
44
- .view-header .col-lg-6 {
64
+ .navbar.navbar-ui {
65
+ position: fixed;
66
+ height: 58px;
67
+ width: 100%;
68
+ background-color: #fff;
69
+ z-index: 2;
70
+ box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
71
+ }
72
+ .land-app .view-header .col-lg-6 {
45
73
  width: 30%!important;
46
74
  display: inline-block;
47
75
  float: left;
48
76
  position: relative;
49
77
  }
50
- .view-header .col-lg-6:last-child {
78
+ .land-app .view-header .col-lg-6:last-child {
51
79
  width: 70%!important;
52
80
  display: inline-block;
53
81
  float: left;
@@ -63,13 +91,13 @@
63
91
  .parcel-pdf-dropdown {
64
92
  right: 0px;
65
93
  }
66
- .pagination {
94
+ .land-app .pagination {
67
95
  display: block;
68
96
  float: left;
69
97
  position: relative;
70
98
  width: 100%;
71
99
  }
72
- .pagination li {
100
+ .land-app .pagination li {
73
101
  display: block;
74
102
  float: left;
75
103
  position: relative;
@@ -84,7 +112,7 @@
84
112
  #comparisons-inner-container .block-stats-area .w-66 {
85
113
  width: 100% !important;
86
114
  }
87
- .navbar {
115
+ .land-app .navbar {
88
116
  display: block;
89
117
  position: fixed;
90
118
  width: 100%;
@@ -94,7 +122,7 @@
94
122
  box-shadow: 0 2px 6px 0 rgba(207,207,207,0.80);
95
123
  top: 0;
96
124
  }
97
- .menu-app .navbar-toggle {
125
+ .land-app .menu-app .navbar-toggle {
98
126
  display: block;
99
127
  position: fixed;
100
128
  right: 10px;
@@ -103,12 +131,12 @@
103
131
  border: none;
104
132
  z-index: 2;
105
133
  }
106
- .navbar-nav {
134
+ .land-app .navbar-nav {
107
135
  position: absolute;
108
136
  right: 20px;
109
137
  top: 9px;
110
138
  }
111
- ul#navbar {
139
+ .land-app ul#navbar {
112
140
  width: 100%;
113
141
  position: fixed;
114
142
  z-index: 2;
@@ -117,11 +145,11 @@
117
145
  background-color: #fff;
118
146
  box-shadow: 0 2px 6px 0 rgba(207,207,207,0.80);
119
147
  }
120
- ul#navbar .list-group-item {
148
+ .land-app ul#navbar .list-group-item {
121
149
  padding: 8px 35px;
122
150
  background-position: left 14px top 14px !important;
123
151
  }
124
- ul#navbar .sidebar-submenu {
152
+ .land-app ul#navbar .sidebar-submenu {
125
153
  width: 100%;
126
154
  padding-left: 24px;
127
155
  }
@@ -151,6 +179,14 @@
151
179
  .search-area form input {
152
180
  margin-bottom: 0 !important;
153
181
  }
182
+ .am-content.ui-app-area .model-buttons .btns-left,
183
+ .am-content.ui-app-area .model-buttons .btns-right {
184
+ width: 100%;
185
+ }
186
+ .am-content.ui-app-area .model-buttons .btns-right {
187
+ float: left;
188
+ text-align: left;
189
+ }
154
190
  }
155
191
 
156
192
  @media (max-width: 768px) {
@@ -216,6 +252,51 @@
216
252
  .parcel-main-info .card .list-group-item {
217
253
  width: 100%;
218
254
  }
255
+ .am-content.ui-app-area .model-widget {
256
+ width: 48%;
257
+ }
258
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
259
+ margin-right: 3px;
260
+ }
261
+ .am-content.ui-app-area .page-head {
262
+ display: block;
263
+ float: left;
264
+ position: relative;
265
+ width: 100%;
266
+ margin-bottom: 30px;
267
+ }
268
+ .am-content.ui-app-area .page-head .float-right {
269
+ display: block;
270
+ width: 100%;
271
+ position: relative;
272
+ margin-top: 12px;
273
+ }
274
+ .models-area {
275
+ display: block;
276
+ float: left;
277
+ position: relative;
278
+ width: 100%;
279
+ }
280
+
281
+ /* =========================== */
282
+
283
+ .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
284
+ width: 33%;
285
+ }
286
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
287
+ width: 32%;
288
+ }
289
+ }
290
+
291
+ @media (max-width: 460px) {
292
+ .am-content.ui-app-area .model-widget {
293
+ width: 100%;
294
+ margin-top: 0;
295
+ }
296
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
297
+ width: 100%;
298
+ margin-bottom: 15px;
299
+ }
219
300
  }
220
301
 
221
302
  @media (min-width: 576px) {
@@ -642,7 +642,7 @@ table .ui-table-row {
642
642
  margin-bottom: 0;
643
643
  }
644
644
  .am-content.ui-app-area .content-lateral .table-widget {
645
- margin-bottom: 40px;
645
+ margin-bottom: 100px;
646
646
  }
647
647
 
648
648
  /* =========================== */
@@ -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
 
@@ -1750,17 +1764,20 @@ table .ui-table-row {
1750
1764
  box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1751
1765
  -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1752
1766
  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1753
- margin-bottom: 30px;
1754
- width: 49%;
1767
+ margin-bottom: 4px;
1768
+ width: 32%;
1755
1769
  margin-top: 30px;
1770
+ float: left;
1756
1771
  }
1757
1772
  .am-content.ui-app-area .model-widget:nth-child(odd) {
1758
1773
  margin-right: 5px;
1759
- float: left;
1774
+ margin-left: 5px;
1775
+ /*float: left;*/
1760
1776
  }
1761
1777
  .am-content.ui-app-area .model-widget:nth-child(even) {
1762
1778
  margin-left: 5px;
1763
- float: right;
1779
+ margin-right: 5px;
1780
+ /*float: right;*/
1764
1781
  }
1765
1782
  .am-content.ui-app-area .model-widget .model-info {
1766
1783
  display: block;
@@ -1782,6 +1799,13 @@ table .ui-table-row {
1782
1799
  padding: 1px 6px;
1783
1800
  font-size: 12px;
1784
1801
  }
1802
+ .am-content.ui-app-area .model-widget .model-info .active-status .active {
1803
+ background-image: image-url('icons/icn-active.svg');
1804
+ background-repeat: no-repeat;
1805
+ background-size: 8px;
1806
+ background-position: top 5px left 0px;
1807
+ padding-left: 12px;
1808
+ }
1785
1809
  .am-content.ui-app-area .model-widget .model-info .model-title,
1786
1810
  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1787
1811
  display: block;
@@ -1874,6 +1898,7 @@ table .ui-table-row {
1874
1898
  float: left;
1875
1899
  position: relative;
1876
1900
  width: 100%;
1901
+ height: 70px;
1877
1902
  background: #FFFFFF;
1878
1903
  box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
1879
1904
  border-radius: $ui-radius;
@@ -1882,12 +1907,13 @@ table .ui-table-row {
1882
1907
  box-shadow: 0 0 14px 0 rgba(207,207,207,0.50);
1883
1908
  }
1884
1909
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a {
1885
- display: block;
1910
+ display: flex;
1886
1911
  width: 100%;
1887
- height: 100%;
1912
+ height: 70px;
1888
1913
  position: relative;
1889
- padding: 20px 15px;
1914
+ padding: 0 15px;
1890
1915
  color: #000;
1916
+ align-items: center;
1891
1917
  }
1892
1918
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item .area-item a:hover {
1893
1919
  text-decoration: none;
@@ -1932,37 +1958,173 @@ table .ui-table-row {
1932
1958
 
1933
1959
  /* =========================== */
1934
1960
 
1935
- .am-content.ui-app-area .add-item {
1961
+ .am-content.ui-app-area .add-item-relative {
1936
1962
  display: block;
1937
- float: left;
1938
1963
  position: relative;
1939
- border-top: 1px solid #D9D9D9;
1940
- margin-top: 5px;
1964
+ margin-top: -20px;
1965
+ margin-bottom: 30px;
1966
+ width: 100%;
1967
+ padding: 0 15px;
1941
1968
  }
1969
+ .am-content.ui-app-area .add-item {
1970
+ display: block;
1971
+ position: absolute;
1972
+ /*border-top: 1px solid #D9D9D9;*/
1973
+ margin-top: 0px;
1974
+ width: 100%;
1975
+ padding: 0 15px;
1976
+ bottom: 20px;
1977
+ left: 0;
1978
+ right: 0;
1979
+ }
1980
+ .am-content.ui-app-area .add-item-relative .add-item-container,
1942
1981
  .am-content.ui-app-area .add-item .add-item-container {
1943
- background-color: #F2F2F2;
1982
+ /*background-color: #F2F2F2;*/
1983
+ background-color: $ui_white;
1944
1984
  border-radius: $ui-radius;
1945
1985
  padding: 8px 20px;
1946
- margin-top: 30px;
1986
+ margin-top: 0px;
1947
1987
  display: block;
1948
1988
  float: left;
1949
1989
  position: relative;
1950
1990
  width: 100%;
1991
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
1992
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
1993
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
1994
+ border: 1px solid #D9D9D9;
1951
1995
  }
1996
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1997
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1952
1998
  .am-content.ui-app-area .add-item .add-item-container .add-text,
1953
1999
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1954
2000
  display: block;
1955
2001
  float: left;
1956
2002
  position: relative;
1957
2003
  }
2004
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1958
2005
  .am-content.ui-app-area .add-item .add-item-container .add-text {
1959
2006
  font-weight: 600;
1960
2007
  margin-top: 5px;
1961
2008
  }
2009
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1962
2010
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1963
2011
  float: right;
1964
2012
  }
1965
2013
 
2014
+ /* =========================== */
2015
+
2016
+ .am-content.ui-app-area .model-items-container {
2017
+ display: block;
2018
+ float: left;
2019
+ position: relative;
2020
+ width: 100%;
2021
+ margin-bottom: 50px;
2022
+ }
2023
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
2024
+ width: 24%;
2025
+ /*min-height: 270px;*/
2026
+ }
2027
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(odd) {
2028
+ margin-right: 0;
2029
+ margin-left: 3px;
2030
+ }
2031
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(even) {
2032
+ margin-left: 3px;
2033
+ margin-right: 3px;
2034
+ }
2035
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item img {
2036
+ display: block;
2037
+ float: left;
2038
+ position: relative;
2039
+ width: 100%;
2040
+ margin-bottom: 12px;
2041
+ }
2042
+
2043
+ /* =========================== */
2044
+
2045
+ .am-content.ui-app-area .group-row {
2046
+ padding-bottom: 10px;
2047
+ border-bottom: 1px solid #dee2e6;
2048
+ margin-bottom: 15px;
2049
+ }
2050
+ .am-content.ui-app-area form .form-control-file {
2051
+ display: block;
2052
+ float: left;
2053
+ position: relative;
2054
+ width: 100%;
2055
+ height: 110px;
2056
+ margin-bottom: 12px;
2057
+ text-align: center;
2058
+ text-indent: -9999px;
2059
+ background: #FBFBFB;
2060
+ border: 1px dashed #D9D9D9;
2061
+ background-image: image-url('icons/icn-add-file.svg');
2062
+ background-repeat: no-repeat;
2063
+ background-position: center;
2064
+ }
2065
+ .am-content.ui-app-area form #file-upload-button {
2066
+ background-color: #ffaaaa !important;
2067
+ }
2068
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
2069
+ border-color: $ui_back;
2070
+ color: $ui_back;
2071
+ margin-right: 12px;
2072
+ margin-bottom: 20px;
2073
+ margin-top: 6px;
2074
+ border-radius: $ui-radius;
2075
+ padding: 6px 17px !important;
2076
+ text-indent: -9999px;
2077
+ background-image: image-url('icons/icn-download.svg');
2078
+ background-repeat: no-repeat;
2079
+ background-size: 14px;
2080
+ background-position: top 9px left 9px;
2081
+ }
2082
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary:hover {
2083
+ background-color: $ui_middlegray;
2084
+ }
2085
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-danger {
2086
+ border-color: $ui_red;
2087
+ color: $ui_back;
2088
+ margin-right: 12px;
2089
+ margin-bottom: 20px;
2090
+ margin-top: 6px;
2091
+ border-radius: $ui-radius;
2092
+ padding: 6px 17px !important;
2093
+ text-indent: -9999px;
2094
+ background-image: image-url('icons/icn-trash.svg');
2095
+ background-repeat: no-repeat;
2096
+ background-size: 16px;
2097
+ background-position: top 8px left 9px;
2098
+ }
2099
+
2100
+ .am-content.ui-app-area .model-widget .btn {
2101
+ padding: 5px 7px;
2102
+ }
2103
+
2104
+ /* =========================== */
2105
+
2106
+ .am-content.ui-app-area .model-buttons {
2107
+ display: block;
2108
+ position: relative;
2109
+ width: 100%;
2110
+ }
2111
+ .am-content.ui-app-area .model-buttons .btn {
2112
+ font-size: 14px !important;
2113
+ margin-bottom: 5px;
2114
+ }
2115
+ .am-content.ui-app-area .model-buttons .btns-left {
2116
+ display: block;
2117
+ float: left;
2118
+ position: relative;
2119
+ width: 40%;
2120
+ }
2121
+ .am-content.ui-app-area .model-buttons .btns-right {
2122
+ display: block;
2123
+ float: right;
2124
+ position: relative;
2125
+ width: 60%;
2126
+ text-align: right;
2127
+ }
1966
2128
 
1967
2129
 
1968
2130
 
@@ -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.25"
2
+ VERSION = "0.29"
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.25'
4
+ version: '0.29'
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-29 00:00:00.000000000 Z
11
+ date: 2022-01-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails