welcome_css 0.27 → 0.31

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: b5714f6bc40580fe1cc7cf961c8964746ecd5b9aaee6515b86553c6fb266f28d
4
- data.tar.gz: 3ff2bdb425d38e3a712ee5444398db8005b5d920c605f4725622f3575901f618
3
+ metadata.gz: 9a365bff6330a1c6fff56987855c750a9205b0cb995606b65b984f429a3736c8
4
+ data.tar.gz: d1e3cbb52da57ae2f5d0ed2f47386c4a42e9bbc6680e262ab688d181effd463a
5
5
  SHA512:
6
- metadata.gz: 639bf14581a51f9650df5031dbae23a198c7951a5bb220f7cd539a7b2bac822140daaf663c46f7d506d66c14c6a76fd20eeee10f35e8a932ddb448ccfc174555
7
- data.tar.gz: 20fb9dcab3ac79284b621ffed2139871abff03eb547cda7239e47366ebf5493bfd863c321365a42da1566aa96d6eca10cbc2ffa7fcbf3238745beadd3dc9bd7f
6
+ metadata.gz: 15657c6c360a3e308190bd958d34a7ace7d1a1af964dff9c57f2b4a8dce0b4b6a4373edc7f4f92a7d76076efbd7de3c421ac113674e1980f8e43bff03bb25e4b
7
+ data.tar.gz: 4205dff1fe705ed2e463435aadfdb372bd94801a5e50bf911d7dc89a4f546ee3442901423aa9af5734edf91923ce75d1bb01d764992ee67190ed342a1e2c878f
@@ -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%;
@@ -30,6 +30,33 @@
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
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
52
+ margin-right: 3px;
53
+ margin-left: 3px;
54
+ }
55
+ .am-content.ui-app-area .model-widget .model-info .model-title {
56
+ width: 100% !important;
57
+ }
58
+ }
59
+
33
60
  @media (max-width: 992px) {
34
61
  .navbar-nav.ml-auto {
35
62
  display: block;
@@ -159,6 +186,14 @@
159
186
  .search-area form input {
160
187
  margin-bottom: 0 !important;
161
188
  }
189
+ .am-content.ui-app-area .model-buttons .btns-left,
190
+ .am-content.ui-app-area .model-buttons .btns-right {
191
+ width: 100%;
192
+ }
193
+ .am-content.ui-app-area .model-buttons .btns-right {
194
+ float: left;
195
+ text-align: left;
196
+ }
162
197
  }
163
198
 
164
199
  @media (max-width: 768px) {
@@ -224,12 +259,72 @@
224
259
  .parcel-main-info .card .list-group-item {
225
260
  width: 100%;
226
261
  }
262
+ .am-content.ui-app-area .model-widget {
263
+ width: 100%;
264
+ }
265
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
266
+ margin-right: 3px;
267
+ }
268
+ .am-content.ui-app-area .page-head {
269
+ display: block;
270
+ float: left;
271
+ position: relative;
272
+ width: 100%;
273
+ margin-bottom: 30px;
274
+ }
275
+ .am-content.ui-app-area .page-head .float-right {
276
+ display: block;
277
+ width: 100%;
278
+ position: relative;
279
+ margin-top: 12px;
280
+ }
281
+ .models-area {
282
+ display: block;
283
+ float: left;
284
+ position: relative;
285
+ width: 100%;
286
+ }
227
287
 
228
288
  /* =========================== */
229
289
 
230
290
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
231
291
  width: 33%;
232
292
  }
293
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
294
+ width: 32%;
295
+ }
296
+
297
+ /* =========================== */
298
+
299
+ .fields-group .col-2,
300
+ .fields-group .col-3,
301
+ .fields-group .col-4,
302
+ .fields-group .col-5,
303
+ .fields-group .col-6,
304
+ .fields-group .col-7 {
305
+ width: 100%;
306
+ max-width: 100%;
307
+ flex: auto;
308
+ }
309
+ }
310
+
311
+ @media (max-width: 460px) {
312
+ .am-content.ui-app-area .model-widget {
313
+ width: 100%;
314
+ margin-top: 0;
315
+ }
316
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
317
+ width: 100%;
318
+ margin-bottom: 15px;
319
+ }
320
+ .am-content.ui-app-area .model-buttons .btns-left,
321
+ .am-content.ui-app-area .model-buttons .btns-right {
322
+ width: 50% !important;
323
+ }
324
+ .am-content.ui-app-area .model-buttons .btns-right {
325
+ float: right;
326
+ text-align: right;
327
+ }
233
328
  }
234
329
 
235
330
  @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;
@@ -1786,16 +1800,31 @@ table .ui-table-row {
1786
1800
  .am-content.ui-app-area .model-widget .model-info:last-child {
1787
1801
  margin-bottom: 0px;
1788
1802
  }
1803
+ .am-content.ui-app-area .model-widget .model-info b {
1804
+ display: block;
1805
+ float: left;
1806
+ position: relative;
1807
+ width: 100%;
1808
+ }
1789
1809
  .am-content.ui-app-area .model-widget .model-info .active-status {
1790
- display: inline-block;
1810
+ display: block;
1811
+ float: left;
1791
1812
  position: relative;
1792
- margin-left: 4px;
1793
- top: -2px;
1813
+ margin-left: 0;
1814
+ margin-right: 4px;
1815
+ top: 0;
1794
1816
  border: 1px solid #979797;
1795
1817
  border-radius: $ui-radius;
1796
1818
  padding: 1px 6px;
1797
1819
  font-size: 12px;
1798
1820
  }
1821
+ .am-content.ui-app-area .model-widget .model-info .active-status .active {
1822
+ background-image: image-url('icons/icn-active.svg');
1823
+ background-repeat: no-repeat;
1824
+ background-size: 8px;
1825
+ background-position: top 5px left 0px;
1826
+ padding-left: 12px;
1827
+ }
1799
1828
  .am-content.ui-app-area .model-widget .model-info .model-title,
1800
1829
  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1801
1830
  display: block;
@@ -1948,6 +1977,14 @@ table .ui-table-row {
1948
1977
 
1949
1978
  /* =========================== */
1950
1979
 
1980
+ .am-content.ui-app-area .add-item-relative {
1981
+ display: block;
1982
+ position: relative;
1983
+ margin-top: -20px;
1984
+ margin-bottom: 30px;
1985
+ width: 100%;
1986
+ padding: 0 15px;
1987
+ }
1951
1988
  .am-content.ui-app-area .add-item {
1952
1989
  display: block;
1953
1990
  position: absolute;
@@ -1955,12 +1992,14 @@ table .ui-table-row {
1955
1992
  margin-top: 0px;
1956
1993
  width: 100%;
1957
1994
  padding: 0 15px;
1958
- bottom: 0;
1995
+ bottom: 20px;
1959
1996
  left: 0;
1960
1997
  right: 0;
1961
1998
  }
1999
+ .am-content.ui-app-area .add-item-relative .add-item-container,
1962
2000
  .am-content.ui-app-area .add-item .add-item-container {
1963
- background-color: #F2F2F2;
2001
+ /*background-color: #F2F2F2;*/
2002
+ background-color: $ui_white;
1964
2003
  border-radius: $ui-radius;
1965
2004
  padding: 8px 20px;
1966
2005
  margin-top: 0px;
@@ -1968,22 +2007,248 @@ table .ui-table-row {
1968
2007
  float: left;
1969
2008
  position: relative;
1970
2009
  width: 100%;
1971
- box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
2010
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2011
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2012
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2013
+ border: 1px solid #D9D9D9;
1972
2014
  }
2015
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
2016
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1973
2017
  .am-content.ui-app-area .add-item .add-item-container .add-text,
1974
2018
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1975
2019
  display: block;
1976
2020
  float: left;
1977
2021
  position: relative;
1978
2022
  }
2023
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1979
2024
  .am-content.ui-app-area .add-item .add-item-container .add-text {
1980
2025
  font-weight: 600;
1981
2026
  margin-top: 5px;
1982
2027
  }
2028
+ .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
1983
2029
  .am-content.ui-app-area .add-item .add-item-container .add-btn {
1984
2030
  float: right;
1985
2031
  }
1986
2032
 
2033
+ /* =========================== */
2034
+
2035
+ .am-content.ui-app-area .model-items-container {
2036
+ display: block;
2037
+ float: left;
2038
+ position: relative;
2039
+ width: 100%;
2040
+ margin-bottom: 50px;
2041
+ }
2042
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
2043
+ width: 24%;
2044
+ /*min-height: 270px;*/
2045
+ }
2046
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(odd) {
2047
+ margin-right: 0;
2048
+ margin-left: 3px;
2049
+ }
2050
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(even) {
2051
+ margin-left: 3px;
2052
+ margin-right: 3px;
2053
+ }
2054
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item img {
2055
+ display: block;
2056
+ float: left;
2057
+ position: relative;
2058
+ width: 100%;
2059
+ margin-bottom: 12px;
2060
+ }
2061
+
2062
+ /* =========================== */
2063
+
2064
+ .am-content.ui-app-area .group-row {
2065
+ padding-bottom: 10px;
2066
+ border-bottom: 1px solid #dee2e6;
2067
+ margin-bottom: 15px;
2068
+ }
2069
+ .am-content.ui-app-area form .form-control-file {
2070
+ display: block;
2071
+ float: left;
2072
+ position: relative;
2073
+ width: 100%;
2074
+ height: 110px;
2075
+ margin-bottom: 12px;
2076
+ text-align: center;
2077
+ text-indent: -9999px;
2078
+ background: #FBFBFB;
2079
+ border: 2px dashed #D9D9D9;
2080
+ background-image: image-url('icons/icn-browse.svg');
2081
+ background-repeat: no-repeat;
2082
+ background-position: center;
2083
+ }
2084
+ .am-content.ui-app-area form #file-upload-button {
2085
+ background-color: #ffaaaa !important;
2086
+ }
2087
+ .am-content.ui-app-area .form-buttons {
2088
+ float: right;
2089
+ text-align: right;
2090
+ }
2091
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
2092
+ border-color: $ui_back;
2093
+ color: $ui_back;
2094
+ margin-right: 10px;
2095
+ margin-bottom: 20px;
2096
+ margin-top: 6px;
2097
+ border-radius: $ui-radius;
2098
+ padding: 5px 14px !important;
2099
+ text-indent: -9999px;
2100
+ background-image: image-url('icons/icn-download.svg');
2101
+ background-repeat: no-repeat;
2102
+ background-size: 12px;
2103
+ background-position: top 9px left 7px;
2104
+ height: 32px;
2105
+ }
2106
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-primary:hover {
2107
+ background-color: $ui_middlegray;
2108
+ }
2109
+ .am-content.ui-app-area .form-buttons .btn.btn-outline-danger {
2110
+ border-color: $ui_red;
2111
+ color: $ui_back;
2112
+ margin-right: 0;
2113
+ margin-bottom: 20px;
2114
+ margin-top: 6px;
2115
+ border-radius: $ui-radius;
2116
+ padding: 5px 14px !important;
2117
+ text-indent: -9999px;
2118
+ background-image: image-url('icons/icn-trash.svg');
2119
+ background-repeat: no-repeat;
2120
+ background-size: 13px;
2121
+ background-position: top 8px left 8px;
2122
+ height: 32px;
2123
+ }
2124
+
2125
+ .am-content.ui-app-area .model-widget .btn {
2126
+ padding: 5px 7px;
2127
+ }
2128
+
2129
+ /* =========================== */
2130
+
2131
+ .am-content.ui-app-area .model-buttons {
2132
+ display: block;
2133
+ position: relative;
2134
+ width: 100%;
2135
+ }
2136
+ .am-content.ui-app-area .model-buttons .btn {
2137
+ font-size: 14px !important;
2138
+ margin-bottom: 5px;
2139
+ }
2140
+ .am-content.ui-app-area .model-buttons .btns-left {
2141
+ display: block;
2142
+ float: left;
2143
+ position: relative;
2144
+ width: 40%;
2145
+ }
2146
+ .am-content.ui-app-area .model-buttons .btns-right {
2147
+ display: block;
2148
+ float: right;
2149
+ position: relative;
2150
+ width: 60%;
2151
+ text-align: right;
2152
+ }
2153
+
2154
+ /* =========================== */
2155
+
2156
+ .am-content.ui-app-area .small-container {
2157
+ display: block;
2158
+ float: left;
2159
+ width: 100%;
2160
+ max-width: 990px;
2161
+ }
2162
+ .am-content.ui-app-area .form-card {
2163
+ display: block;
2164
+ float: left;
2165
+ width: 100%;
2166
+ position: relative;
2167
+ word-wrap: break-word;
2168
+ background-color: transparent;
2169
+ border: none;
2170
+ max-width: 990px;
2171
+ }
2172
+ .am-content.ui-app-area .form-card form .row {
2173
+ margin-bottom: 14px;
2174
+ }
2175
+ .am-content.ui-app-area .form-card .simple_form {
2176
+ padding: 0;
2177
+ }
2178
+ .am-content.ui-app-area .fields-group {
2179
+ display: block;
2180
+ float: left;
2181
+ position: relative;
2182
+ width: 100%;
2183
+ padding: 20px 20px 2px 20px;
2184
+ background-color: $ui_white;
2185
+ border: 1px solid #d9d9d9;
2186
+ border-radius: $ui-radius;
2187
+ margin-bottom: 30px;
2188
+ }
2189
+ .am-content.ui-app-area .fields-group-title .h5 {
2190
+ font-size: 18px;
2191
+ padding-left: 20px;
2192
+ margin-bottom: 0;
2193
+ }
2194
+ .am-content.ui-app-area .view-head {
2195
+ display: block;
2196
+ float: left;
2197
+ position: relative;
2198
+ width: 100%;
2199
+ border-bottom: 1px solid #d9d9d9;
2200
+ margin-left: 0px;
2201
+ margin-right: 0px;
2202
+ padding: 20px 0 !important;
2203
+ }
2204
+ .am-content.ui-app-area .view-head h2 {
2205
+ border-left: 4px solid #D9DBE5;
2206
+ padding-left: 12px;
2207
+ }
2208
+ .am-content.ui-app-area .fields-group .table-responsive {
2209
+ padding: 0;
2210
+ }
2211
+ .am-content.ui-app-area .fields-group .table-responsive table {
2212
+ border: 1px solid #d9d9d9;
2213
+ box-shadow: none;
2214
+ border-radius: $ui-radius;
2215
+ }
2216
+ .am-content.ui-app-area .model_gallery_images label {
2217
+ display: none;
2218
+ }
2219
+ .am-content.ui-app-area .fields-group .img-fluid {
2220
+ width: 100%;
2221
+ }
2222
+ .am-content.ui-app-area .row-with-separation {
2223
+ border: 1px solid #d9d9d9;
2224
+ margin: 0;
2225
+ padding: 10px 0;
2226
+ }
2227
+ .am-content.ui-app-area .involved-theme {
2228
+ border: 1px solid #dee2e6;
2229
+ padding: 10px 0 0 0;
2230
+ border-radius: $ui-radius;
2231
+ margin: 0 0 20px 0;
2232
+ }
2233
+ .am-content.ui-app-area .involved-theme:last-child {
2234
+ margin: 0;
2235
+ }
2236
+ .am-content.ui-app-area .involved-theme .delete-right {
2237
+ display: block;
2238
+ float: left;
2239
+ position: relative;
2240
+ width: 100%;
2241
+ }
2242
+ .am-content.ui-app-area .involved-theme .delete-right select {
2243
+ width: calc(100% - 44px) !important;
2244
+ }
2245
+ .am-content.ui-app-area .involved-theme .delete-right .btn-outline-danger {
2246
+ position: absolute;
2247
+ right: 15px;
2248
+ top: 32px;
2249
+ height: 37px;
2250
+ width: 34px;
2251
+ }
1987
2252
 
1988
2253
 
1989
2254
 
@@ -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,6 +1,6 @@
1
1
  @import "welcome-ui";
2
- @import "welcome_bootstrap_variables";
3
2
  @import "fonts";
3
+ @import "welcome_bootstrap_variables";
4
4
  @import "bootstrap/scss/bootstrap";
5
5
  @import "welcome-ui-typography";
6
6
  @import "welcome-ui-tables";
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.27"
2
+ VERSION = "0.31"
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.27'
4
+ version: '0.31'
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-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails