welcome_css 0.26 → 0.30

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: 18cf82a44ef978a07415b0932280069558ca822380ee3d32cae186cf721e97ea
4
- data.tar.gz: c5035f8d06d5c8f69afe71c636452bc5b58e9c8c57abe4d5f689e85278028f7d
3
+ metadata.gz: 1f46f9d9a064a9c77f8b0d15ca12a22eaf12deeada54b847915f026681e4d9bf
4
+ data.tar.gz: 29686450067c8296edd4d3002293aaa94cdfc94797d245f7ef8f72f586759f70
5
5
  SHA512:
6
- metadata.gz: ac6f4c614e86fec45afe42e98f826413e93e86f09fe35c7d6eaa1a35a73e2332de0d633d5389233ef8f87641fe4cc5a4fed307f55fdfd4dc60a415361ec1368f
7
- data.tar.gz: cdc3a23b380387eb07c7129856be1bde18dfcc43a71dcff13c87815aae7c091fee5bada831ffac4b2f9f447151d3ba819b0c430619d25364b824fa8c0e28d070
6
+ metadata.gz: 96cbd203f8e24987dd9e0c70ae83eec0185f2ecea3ad28028ce77b9f2ffb40670f2440964052f1d795764b0eefa4485aa9ac6906457398a6882e67771e4619b9
7
+ data.tar.gz: 84fb681f9e416887510f6f8dfd89982590c53ca9eb79fe49bc21764d932e800e840ca6e0f6c2a0164cbc1ce22f2a34e4bec4bf06928c3750d80b6b22cee805a2
@@ -94,6 +94,14 @@
94
94
  border: 1px solid $ui_back;
95
95
  font-family: 'gt-eesti-medium';
96
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
+ }
97
105
 
98
106
  .btn-black {
99
107
  background-color: $ui_back;
@@ -128,6 +136,56 @@
128
136
 
129
137
  /* ========================================= */
130
138
 
139
+ .btn-duplicate {
140
+ padding: 4px 17px !important;
141
+ text-indent: -9999px;
142
+ background-image: image-url('icons/icn-duplicate.svg');
143
+ background-repeat: no-repeat;
144
+ background-size: 14px;
145
+ background-position: top 8px left 9px;
146
+ background-color: $ui_white;
147
+ }
148
+ .btn-edit {
149
+ padding: 6px 17px !important;
150
+ text-indent: -9999px;
151
+ background-image: image-url('icons/icn-edit.svg');
152
+ background-repeat: no-repeat;
153
+ background-size: 16px;
154
+ background-position: top 8px left 9px;
155
+ background-color: $ui_white;
156
+ }
157
+ .btn-delete,
158
+ .new-involved-theme .btn.btn-outline-danger {
159
+ padding: 6px 17px !important;
160
+ text-indent: -9999px;
161
+ background-image: image-url('icons/icn-trash.svg');
162
+ background-repeat: no-repeat;
163
+ background-size: 16px;
164
+ background-position: top 8px left 9px;
165
+ background-color: $ui_white;
166
+ }
167
+ .btn-full-card {
168
+ display: block;
169
+ border: none;
170
+ position: absolute;
171
+ width: 100%;
172
+ height: 100%;
173
+ left: 0;
174
+ top: 0;
175
+ right: 0;
176
+ bottom: 0;
177
+ background-color: transparent !important;
178
+ text-indent: -9999px !important;
179
+ }
180
+
181
+ /* ========================================= */
182
+
183
+ .btn.btn-right {
184
+ float: right;
185
+ }
186
+
187
+ /* ========================================= */
188
+
131
189
  .ui-btn-status {
132
190
  text-indent: -9999px;
133
191
  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,6 +30,26 @@
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
54
  .navbar-nav.ml-auto {
35
55
  display: block;
@@ -41,6 +61,14 @@
41
61
  position: relative;
42
62
  margin: 0 0 0 10px;
43
63
  }
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
+ }
44
72
  .land-app .view-header .col-lg-6 {
45
73
  width: 30%!important;
46
74
  display: inline-block;
@@ -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,12 +252,72 @@
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
+ }
219
280
 
220
281
  /* =========================== */
221
282
 
222
283
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
223
284
  width: 33%;
224
285
  }
286
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
287
+ width: 32%;
288
+ }
289
+
290
+ /* =========================== */
291
+
292
+ .fields-group .col-2,
293
+ .fields-group .col-3,
294
+ .fields-group .col-4,
295
+ .fields-group .col-5,
296
+ .fields-group .col-6,
297
+ .fields-group .col-7 {
298
+ width: 100%;
299
+ max-width: 100%;
300
+ flex: auto;
301
+ }
302
+ }
303
+
304
+ @media (max-width: 460px) {
305
+ .am-content.ui-app-area .model-widget {
306
+ width: 100%;
307
+ margin-top: 0;
308
+ }
309
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
310
+ width: 100%;
311
+ margin-bottom: 15px;
312
+ }
313
+ .am-content.ui-app-area .model-buttons .btns-left,
314
+ .am-content.ui-app-area .model-buttons .btns-right {
315
+ width: 50% !important;
316
+ }
317
+ .am-content.ui-app-area .model-buttons .btns-right {
318
+ float: right;
319
+ text-align: right;
320
+ }
225
321
  }
226
322
 
227
323
  @media (min-width: 576px) {
@@ -119,6 +119,11 @@ table .ui-table-row {
119
119
 
120
120
  /* =========================== */
121
121
 
122
+ .am-content.ui-app-area .block {
123
+ display: block;
124
+ float: left;
125
+ position: relative;
126
+ }
122
127
  .ui-app-area .dropdown-toggle::after {
123
128
  display: none;
124
129
  }
@@ -642,7 +647,7 @@ table .ui-table-row {
642
647
  margin-bottom: 0;
643
648
  }
644
649
  .am-content.ui-app-area .content-lateral .table-widget {
645
- margin-bottom: 40px;
650
+ margin-bottom: 100px;
646
651
  }
647
652
 
648
653
  /* =========================== */
@@ -1562,6 +1567,12 @@ table .ui-table-row {
1562
1567
  padding-left: 0;
1563
1568
  padding-right: 0;
1564
1569
  }
1570
+ .am-wrapper .breadcrumb-area.small-breadcrumb {
1571
+ display: block;
1572
+ float: left;
1573
+ position: relative;
1574
+ width: auto;
1575
+ }
1565
1576
  .breadcrumb {
1566
1577
  color: #6c757d;
1567
1578
  }
@@ -1764,17 +1775,20 @@ table .ui-table-row {
1764
1775
  box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1765
1776
  -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1766
1777
  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
1767
- margin-bottom: 30px;
1768
- width: 49%;
1778
+ margin-bottom: 4px;
1779
+ width: 32%;
1769
1780
  margin-top: 30px;
1781
+ float: left;
1770
1782
  }
1771
1783
  .am-content.ui-app-area .model-widget:nth-child(odd) {
1772
1784
  margin-right: 5px;
1773
- float: left;
1785
+ margin-left: 5px;
1786
+ /*float: left;*/
1774
1787
  }
1775
1788
  .am-content.ui-app-area .model-widget:nth-child(even) {
1776
1789
  margin-left: 5px;
1777
- float: right;
1790
+ margin-right: 5px;
1791
+ /*float: right;*/
1778
1792
  }
1779
1793
  .am-content.ui-app-area .model-widget .model-info {
1780
1794
  display: block;
@@ -1796,6 +1810,13 @@ table .ui-table-row {
1796
1810
  padding: 1px 6px;
1797
1811
  font-size: 12px;
1798
1812
  }
1813
+ .am-content.ui-app-area .model-widget .model-info .active-status .active {
1814
+ background-image: image-url('icons/icn-active.svg');
1815
+ background-repeat: no-repeat;
1816
+ background-size: 8px;
1817
+ background-position: top 5px left 0px;
1818
+ padding-left: 12px;
1819
+ }
1799
1820
  .am-content.ui-app-area .model-widget .model-info .model-title,
1800
1821
  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1801
1822
  display: block;
@@ -1948,6 +1969,14 @@ table .ui-table-row {
1948
1969
 
1949
1970
  /* =========================== */
1950
1971
 
1972
+ .am-content.ui-app-area .add-item-relative {
1973
+ display: block;
1974
+ position: relative;
1975
+ margin-top: -20px;
1976
+ margin-bottom: 30px;
1977
+ width: 100%;
1978
+ padding: 0 15px;
1979
+ }
1951
1980
  .am-content.ui-app-area .add-item {
1952
1981
  display: block;
1953
1982
  position: absolute;
@@ -1955,12 +1984,14 @@ table .ui-table-row {
1955
1984
  margin-top: 0px;
1956
1985
  width: 100%;
1957
1986
  padding: 0 15px;
1958
- bottom: 0;
1987
+ bottom: 20px;
1959
1988
  left: 0;
1960
1989
  right: 0;
1961
1990
  }
1991
+ .am-content.ui-app-area .add-item-relative .add-item-container,
1962
1992
  .am-content.ui-app-area .add-item .add-item-container {
1963
- background-color: #F2F2F2;
1993
+ /*background-color: #F2F2F2;*/
1994
+ background-color: $ui_white;
1964
1995
  border-radius: $ui-radius;
1965
1996
  padding: 8px 20px;
1966
1997
  margin-top: 0px;
@@ -1968,22 +1999,248 @@ table .ui-table-row {
1968
1999
  float: left;
1969
2000
  position: relative;
1970
2001
  width: 100%;
1971
- box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
2002
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2003
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2004
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2005
+ border: 1px solid #D9D9D9;
1972
2006
  }
2007
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
2008
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1973
2009
  .am-content.ui-app-area .add-item .add-item-container .add-text,
1974
2010
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1975
2011
  display: block;
1976
2012
  float: left;
1977
2013
  position: relative;
1978
2014
  }
2015
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1979
2016
  .am-content.ui-app-area .add-item .add-item-container .add-text {
1980
2017
  font-weight: 600;
1981
2018
  margin-top: 5px;
1982
2019
  }
2020
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1983
2021
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1984
2022
  float: right;
1985
2023
  }
1986
2024
 
2025
+ /* =========================== */
2026
+
2027
+ .am-content.ui-app-area .model-items-container {
2028
+ display: block;
2029
+ float: left;
2030
+ position: relative;
2031
+ width: 100%;
2032
+ margin-bottom: 50px;
2033
+ }
2034
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
2035
+ width: 24%;
2036
+ /*min-height: 270px;*/
2037
+ }
2038
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(odd) {
2039
+ margin-right: 0;
2040
+ margin-left: 3px;
2041
+ }
2042
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(even) {
2043
+ margin-left: 3px;
2044
+ margin-right: 3px;
2045
+ }
2046
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item img {
2047
+ display: block;
2048
+ float: left;
2049
+ position: relative;
2050
+ width: 100%;
2051
+ margin-bottom: 12px;
2052
+ }
2053
+
2054
+ /* =========================== */
2055
+
2056
+ .am-content.ui-app-area .group-row {
2057
+ padding-bottom: 10px;
2058
+ border-bottom: 1px solid #dee2e6;
2059
+ margin-bottom: 15px;
2060
+ }
2061
+ .am-content.ui-app-area form .form-control-file {
2062
+ display: block;
2063
+ float: left;
2064
+ position: relative;
2065
+ width: 100%;
2066
+ height: 110px;
2067
+ margin-bottom: 12px;
2068
+ text-align: center;
2069
+ text-indent: -9999px;
2070
+ background: #FBFBFB;
2071
+ border: 2px dashed #D9D9D9;
2072
+ background-image: image-url('icons/icn-browse.svg');
2073
+ background-repeat: no-repeat;
2074
+ background-position: center;
2075
+ }
2076
+ .am-content.ui-app-area form #file-upload-button {
2077
+ background-color: #ffaaaa !important;
2078
+ }
2079
+ .am-content.ui-app-area .form-buttons {
2080
+ float: right;
2081
+ text-align: right;
2082
+ }
2083
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
2084
+ border-color: $ui_back;
2085
+ color: $ui_back;
2086
+ margin-right: 10px;
2087
+ margin-bottom: 20px;
2088
+ margin-top: 6px;
2089
+ border-radius: $ui-radius;
2090
+ padding: 5px 14px !important;
2091
+ text-indent: -9999px;
2092
+ background-image: image-url('icons/icn-download.svg');
2093
+ background-repeat: no-repeat;
2094
+ background-size: 12px;
2095
+ background-position: top 9px left 7px;
2096
+ height: 32px;
2097
+ }
2098
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary:hover {
2099
+ background-color: $ui_middlegray;
2100
+ }
2101
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-danger {
2102
+ border-color: $ui_red;
2103
+ color: $ui_back;
2104
+ margin-right: 0;
2105
+ margin-bottom: 20px;
2106
+ margin-top: 6px;
2107
+ border-radius: $ui-radius;
2108
+ padding: 5px 14px !important;
2109
+ text-indent: -9999px;
2110
+ background-image: image-url('icons/icn-trash.svg');
2111
+ background-repeat: no-repeat;
2112
+ background-size: 13px;
2113
+ background-position: top 8px left 8px;
2114
+ height: 32px;
2115
+ }
2116
+
2117
+ .am-content.ui-app-area .model-widget .btn {
2118
+ padding: 5px 7px;
2119
+ }
2120
+
2121
+ /* =========================== */
2122
+
2123
+ .am-content.ui-app-area .model-buttons {
2124
+ display: block;
2125
+ position: relative;
2126
+ width: 100%;
2127
+ }
2128
+ .am-content.ui-app-area .model-buttons .btn {
2129
+ font-size: 14px !important;
2130
+ margin-bottom: 5px;
2131
+ }
2132
+ .am-content.ui-app-area .model-buttons .btns-left {
2133
+ display: block;
2134
+ float: left;
2135
+ position: relative;
2136
+ width: 40%;
2137
+ }
2138
+ .am-content.ui-app-area .model-buttons .btns-right {
2139
+ display: block;
2140
+ float: right;
2141
+ position: relative;
2142
+ width: 60%;
2143
+ text-align: right;
2144
+ }
2145
+
2146
+ /* =========================== */
2147
+
2148
+ .am-content.ui-app-area .small-container {
2149
+ display: block;
2150
+ float: left;
2151
+ width: 100%;
2152
+ max-width: 990px;
2153
+ }
2154
+ .am-content.ui-app-area .form-card {
2155
+ display: block;
2156
+ float: left;
2157
+ width: 100%;
2158
+ position: relative;
2159
+ word-wrap: break-word;
2160
+ background-color: transparent;
2161
+ border: none;
2162
+ max-width: 990px;
2163
+ }
2164
+ .am-content.ui-app-area .form-card form .row {
2165
+ margin-bottom: 14px;
2166
+ }
2167
+ .am-content.ui-app-area .form-card .simple_form {
2168
+ padding: 0;
2169
+ }
2170
+ .am-content.ui-app-area .fields-group {
2171
+ display: block;
2172
+ float: left;
2173
+ position: relative;
2174
+ width: 100%;
2175
+ padding: 20px 20px 2px 20px;
2176
+ background-color: $ui_white;
2177
+ border: 1px solid #d9d9d9;
2178
+ border-radius: $ui-radius;
2179
+ margin-bottom: 30px;
2180
+ }
2181
+ .am-content.ui-app-area .fields-group-title .h5 {
2182
+ font-size: 18px;
2183
+ padding-left: 20px;
2184
+ margin-bottom: 0;
2185
+ }
2186
+ .am-content.ui-app-area .view-head {
2187
+ display: block;
2188
+ float: left;
2189
+ position: relative;
2190
+ width: 100%;
2191
+ border-bottom: 1px solid #d9d9d9;
2192
+ margin-left: 0px;
2193
+ margin-right: 0px;
2194
+ padding: 20px 0 !important;
2195
+ }
2196
+ .am-content.ui-app-area .view-head h2 {
2197
+ border-left: 4px solid #D9DBE5;
2198
+ padding-left: 12px;
2199
+ }
2200
+ .am-content.ui-app-area .fields-group .table-responsive {
2201
+ padding: 0;
2202
+ }
2203
+ .am-content.ui-app-area .fields-group .table-responsive table {
2204
+ border: 1px solid #d9d9d9;
2205
+ box-shadow: none;
2206
+ border-radius: $ui-radius;
2207
+ }
2208
+ .am-content.ui-app-area .model_gallery_images label {
2209
+ display: none;
2210
+ }
2211
+ .am-content.ui-app-area .fields-group .img-fluid {
2212
+ width: 100%;
2213
+ }
2214
+ .am-content.ui-app-area .row-with-separation {
2215
+ border: 1px solid #d9d9d9;
2216
+ margin: 0;
2217
+ padding: 10px 0;
2218
+ }
2219
+ .am-content.ui-app-area .involved-theme {
2220
+ border: 1px solid #dee2e6;
2221
+ padding: 10px 0 0 0;
2222
+ border-radius: $ui-radius;
2223
+ margin: 0 0 20px 0;
2224
+ }
2225
+ .am-content.ui-app-area .involved-theme:last-child {
2226
+ margin: 0;
2227
+ }
2228
+ .am-content.ui-app-area .involved-theme .delete-right {
2229
+ display: block;
2230
+ float: left;
2231
+ position: relative;
2232
+ width: 100%;
2233
+ }
2234
+ .am-content.ui-app-area .involved-theme .delete-right select {
2235
+ width: calc(100% - 44px) !important;
2236
+ }
2237
+ .am-content.ui-app-area .involved-theme .delete-right .btn-outline-danger {
2238
+ position: absolute;
2239
+ right: 15px;
2240
+ top: 32px;
2241
+ height: 37px;
2242
+ width: 34px;
2243
+ }
1987
2244
 
1988
2245
 
1989
2246
 
@@ -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.26"
2
+ VERSION = "0.30"
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.26'
4
+ version: '0.30'
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-05 00:00:00.000000000 Z
11
+ date: 2022-01-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails