welcome_css 0.28 → 0.32

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: b149b52185d8f4873e173c05b26f7c2903c2f4a549467eef4c798b74a44dfe6c
4
- data.tar.gz: 3c585a014a599bc09b0a74b3f531d86afc8a1ecf8165f758f28813be463e130c
3
+ metadata.gz: 63471af3bc78ed04b2da3f1c28f9c711f1cdab06dcc3cf1d6e7e78b6008c6de4
4
+ data.tar.gz: 7781a9d524e314769738e6bc306639ee10fa89493beab5a77dfd377cde565cfa
5
5
  SHA512:
6
- metadata.gz: a15811e869d77dd0147aaf95ffb6bd06b1d58abf656971dcec4552e7d5723b630b80acf4a535f294148e3fb5ad7f5dd36b2f2138343b1eab546a3e3902a49946
7
- data.tar.gz: 37888260df98b872ddf8192d3b66d82d340bd62e336a20fcf4f79c7f621e17332bd181cf160a86e78e384088d38e8c6f0f184534bb9176b30584c9bb9c56ce45
6
+ metadata.gz: e70f902bdbbd654c9abb68e410f42f224aa92d5e0b4c26533e1d0ecb24a8275858298084fe61060a335f966b5b1de7b981fee19147807d5be1cabb2332acfc64
7
+ data.tar.gz: 9ce04606e7fa8486dfc8afd7cd267092747d69798b9145d41d45efe49ac2d7e8313bfc3dcc0f0a5a836f6e73773160b8e7aafb54293737ee68348c438dcbabc9
@@ -137,12 +137,13 @@
137
137
  /* ========================================= */
138
138
 
139
139
  .btn-duplicate {
140
- padding: 6px 17px !important;
140
+ padding: 4px 17px !important;
141
141
  text-indent: -9999px;
142
142
  background-image: image-url('icons/icn-duplicate.svg');
143
143
  background-repeat: no-repeat;
144
- background-size: 16px;
144
+ background-size: 14px;
145
145
  background-position: top 8px left 9px;
146
+ background-color: $ui_white;
146
147
  }
147
148
  .btn-edit {
148
149
  padding: 6px 17px !important;
@@ -153,7 +154,8 @@
153
154
  background-position: top 8px left 9px;
154
155
  background-color: $ui_white;
155
156
  }
156
- .btn-delete {
157
+ .btn-delete,
158
+ .new-involved-theme .btn.btn-outline-danger {
157
159
  padding: 6px 17px !important;
158
160
  text-indent: -9999px;
159
161
  background-image: image-url('icons/icn-trash.svg');
@@ -162,6 +164,25 @@
162
164
  background-position: top 8px left 9px;
163
165
  background-color: $ui_white;
164
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
+ }
165
186
 
166
187
  /* ========================================= */
167
188
 
@@ -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) {
@@ -227,6 +262,9 @@
227
262
  .am-content.ui-app-area .model-widget {
228
263
  width: 100%;
229
264
  }
265
+ .am-content.ui-app-area .model-widget:nth-child(odd) {
266
+ margin-right: 3px;
267
+ }
230
268
  .am-content.ui-app-area .page-head {
231
269
  display: block;
232
270
  float: left;
@@ -252,6 +290,41 @@
252
290
  .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
253
291
  width: 33%;
254
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
+ }
255
328
  }
256
329
 
257
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,20 +1800,39 @@ 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
  }
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 {
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
+ }
1828
+ .am-content.ui-app-area .model-widget .model-info .model-title {
1801
1829
  display: block;
1802
1830
  float: left;
1831
+ margin-bottom: 6px;
1832
+ }
1833
+ .am-content.ui-app-area .model-widget .model-info .model-studio-status {
1834
+ display: block;
1835
+ float: right;
1803
1836
  }
1804
1837
  .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
1805
1838
  float: right;
@@ -1951,7 +1984,7 @@ table .ui-table-row {
1951
1984
  .am-content.ui-app-area .add-item-relative {
1952
1985
  display: block;
1953
1986
  position: relative;
1954
- margin-top: 0px;
1987
+ margin-top: -20px;
1955
1988
  margin-bottom: 30px;
1956
1989
  width: 100%;
1957
1990
  padding: 0 15px;
@@ -1963,13 +1996,14 @@ table .ui-table-row {
1963
1996
  margin-top: 0px;
1964
1997
  width: 100%;
1965
1998
  padding: 0 15px;
1966
- bottom: 0;
1999
+ bottom: 20px;
1967
2000
  left: 0;
1968
2001
  right: 0;
1969
2002
  }
1970
2003
  .am-content.ui-app-area .add-item-relative .add-item-container,
1971
2004
  .am-content.ui-app-area .add-item .add-item-container {
1972
- background-color: #F2F2F2;
2005
+ /*background-color: #F2F2F2;*/
2006
+ background-color: $ui_white;
1973
2007
  border-radius: $ui-radius;
1974
2008
  padding: 8px 20px;
1975
2009
  margin-top: 0px;
@@ -1977,7 +2011,10 @@ table .ui-table-row {
1977
2011
  float: left;
1978
2012
  position: relative;
1979
2013
  width: 100%;
1980
- box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
2014
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2015
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2016
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2017
+ border: 1px solid #D9D9D9;
1981
2018
  }
1982
2019
  .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
1983
2020
  .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
@@ -1999,24 +2036,76 @@ table .ui-table-row {
1999
2036
 
2000
2037
  /* =========================== */
2001
2038
 
2039
+ .am-content.ui-app-area .model-items-container {
2040
+ display: block;
2041
+ float: left;
2042
+ position: relative;
2043
+ width: 100%;
2044
+ margin-bottom: 50px;
2045
+ }
2046
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
2047
+ width: 24%;
2048
+ /*min-height: 270px;*/
2049
+ }
2050
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(odd) {
2051
+ margin-right: 0;
2052
+ margin-left: 3px;
2053
+ }
2054
+ .am-content.ui-app-area .model-widget.model-intern-item:nth-child(even) {
2055
+ margin-left: 3px;
2056
+ margin-right: 3px;
2057
+ }
2058
+ .am-content.ui-app-area .model-items-container .model-widget.model-intern-item img {
2059
+ display: block;
2060
+ float: left;
2061
+ position: relative;
2062
+ width: 100%;
2063
+ margin-bottom: 12px;
2064
+ }
2065
+
2066
+ /* =========================== */
2067
+
2002
2068
  .am-content.ui-app-area .group-row {
2003
2069
  padding-bottom: 10px;
2004
2070
  border-bottom: 1px solid #dee2e6;
2005
2071
  margin-bottom: 15px;
2006
2072
  }
2073
+ .am-content.ui-app-area form .form-control-file {
2074
+ display: block;
2075
+ float: left;
2076
+ position: relative;
2077
+ width: 100%;
2078
+ height: 110px;
2079
+ margin-bottom: 12px;
2080
+ text-align: center;
2081
+ text-indent: -9999px;
2082
+ background: #FBFBFB;
2083
+ border: 2px dashed #D9D9D9;
2084
+ background-image: image-url('icons/icn-browse.svg');
2085
+ background-repeat: no-repeat;
2086
+ background-position: center;
2087
+ }
2088
+ .am-content.ui-app-area form #file-upload-button {
2089
+ background-color: #ffaaaa !important;
2090
+ }
2091
+ .am-content.ui-app-area .form-buttons {
2092
+ float: right;
2093
+ text-align: right;
2094
+ }
2007
2095
  .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
2008
2096
  border-color: $ui_back;
2009
2097
  color: $ui_back;
2010
- margin-right: 12px;
2098
+ margin-right: 10px;
2011
2099
  margin-bottom: 20px;
2012
2100
  margin-top: 6px;
2013
2101
  border-radius: $ui-radius;
2014
- padding: 6px 17px !important;
2102
+ padding: 5px 14px !important;
2015
2103
  text-indent: -9999px;
2016
2104
  background-image: image-url('icons/icn-download.svg');
2017
2105
  background-repeat: no-repeat;
2018
- background-size: 14px;
2019
- background-position: top 9px left 9px;
2106
+ background-size: 12px;
2107
+ background-position: top 9px left 7px;
2108
+ height: 32px;
2020
2109
  }
2021
2110
  .am-content.ui-app-area .form-buttons .btn.btn-outline-primary:hover {
2022
2111
  background-color: $ui_middlegray;
@@ -2024,16 +2113,21 @@ table .ui-table-row {
2024
2113
  .am-content.ui-app-area .form-buttons .btn.btn-outline-danger {
2025
2114
  border-color: $ui_red;
2026
2115
  color: $ui_back;
2027
- margin-right: 12px;
2116
+ margin-right: 0;
2028
2117
  margin-bottom: 20px;
2029
2118
  margin-top: 6px;
2030
2119
  border-radius: $ui-radius;
2031
- padding: 6px 17px !important;
2120
+ padding: 5px 14px !important;
2032
2121
  text-indent: -9999px;
2033
2122
  background-image: image-url('icons/icn-trash.svg');
2034
2123
  background-repeat: no-repeat;
2035
- background-size: 16px;
2036
- background-position: top 8px left 9px;
2124
+ background-size: 13px;
2125
+ background-position: top 8px left 8px;
2126
+ height: 32px;
2127
+ }
2128
+
2129
+ .am-content.ui-app-area .model-widget .btn {
2130
+ padding: 5px 7px;
2037
2131
  }
2038
2132
 
2039
2133
  /* =========================== */
@@ -2043,20 +2137,160 @@ table .ui-table-row {
2043
2137
  position: relative;
2044
2138
  width: 100%;
2045
2139
  }
2140
+ .am-content.ui-app-area .model-buttons .btn {
2141
+ font-size: 14px !important;
2142
+ margin-bottom: 5px;
2143
+ }
2046
2144
  .am-content.ui-app-area .model-buttons .btns-left {
2047
2145
  display: block;
2048
2146
  float: left;
2049
2147
  position: relative;
2050
- width: 35%;
2148
+ width: 40%;
2051
2149
  }
2052
2150
  .am-content.ui-app-area .model-buttons .btns-right {
2053
2151
  display: block;
2054
2152
  float: right;
2055
2153
  position: relative;
2056
- width: 65%;
2154
+ width: 60%;
2057
2155
  text-align: right;
2058
2156
  }
2059
2157
 
2158
+ /* =========================== */
2159
+
2160
+ .am-content.ui-app-area .small-container {
2161
+ display: block;
2162
+ float: left;
2163
+ width: 100%;
2164
+ max-width: 990px;
2165
+ }
2166
+ .am-content.ui-app-area .form-card {
2167
+ display: block;
2168
+ float: left;
2169
+ width: 100%;
2170
+ position: relative;
2171
+ word-wrap: break-word;
2172
+ background-color: transparent;
2173
+ border: none;
2174
+ max-width: 990px;
2175
+ }
2176
+ .am-content.ui-app-area .form-card form .row {
2177
+ margin-bottom: 14px;
2178
+ }
2179
+ .am-content.ui-app-area .form-card .simple_form {
2180
+ padding: 0;
2181
+ }
2182
+ .am-content.ui-app-area .fields-group {
2183
+ display: block;
2184
+ float: left;
2185
+ position: relative;
2186
+ width: 100%;
2187
+ padding: 20px 20px 2px 20px;
2188
+ background-color: $ui_white;
2189
+ border: 1px solid #d9d9d9;
2190
+ border-radius: $ui-radius;
2191
+ margin-bottom: 30px;
2192
+ }
2193
+ .am-content.ui-app-area .fields-group-title .h5 {
2194
+ font-size: 18px;
2195
+ padding-left: 20px;
2196
+ margin-bottom: 0;
2197
+ }
2198
+ .am-content.ui-app-area .view-head {
2199
+ display: block;
2200
+ float: left;
2201
+ position: relative;
2202
+ width: 100%;
2203
+ border-bottom: 1px solid #d9d9d9;
2204
+ margin-left: 0px;
2205
+ margin-right: 0px;
2206
+ padding: 20px 0 !important;
2207
+ }
2208
+ .am-content.ui-app-area .view-head h2 {
2209
+ border-left: 4px solid #D9DBE5;
2210
+ padding-left: 12px;
2211
+ }
2212
+ .am-content.ui-app-area .fields-group .table-responsive {
2213
+ padding: 0;
2214
+ }
2215
+ .am-content.ui-app-area .fields-group .table-responsive table {
2216
+ border: 1px solid #d9d9d9;
2217
+ box-shadow: none;
2218
+ border-radius: $ui-radius;
2219
+ }
2220
+ .am-content.ui-app-area .model_gallery_images label {
2221
+ display: none;
2222
+ }
2223
+ .am-content.ui-app-area .fields-group .img-fluid {
2224
+ width: 100%;
2225
+ }
2226
+ .am-content.ui-app-area .row-with-separation {
2227
+ border: 1px solid #d9d9d9;
2228
+ margin: 0;
2229
+ padding: 10px 0;
2230
+ }
2231
+ .am-content.ui-app-area .involved-theme {
2232
+ border: 1px solid #dee2e6;
2233
+ padding: 10px 0 0 0;
2234
+ border-radius: $ui-radius;
2235
+ margin: 0 0 20px 0;
2236
+ }
2237
+ .am-content.ui-app-area .involved-theme:last-child {
2238
+ margin: 0;
2239
+ }
2240
+ .am-content.ui-app-area .involved-theme .delete-right {
2241
+ display: block;
2242
+ float: left;
2243
+ position: relative;
2244
+ width: 100%;
2245
+ }
2246
+ .am-content.ui-app-area .involved-theme .delete-right select {
2247
+ width: calc(100% - 44px) !important;
2248
+ }
2249
+ .am-content.ui-app-area .involved-theme .delete-right .btn-outline-danger {
2250
+ position: absolute;
2251
+ right: 15px;
2252
+ top: 32px;
2253
+ height: 37px;
2254
+ width: 34px;
2255
+ }
2256
+
2257
+ /* =========================== */
2258
+
2259
+ .am-content.ui-app-area .form-img-container {
2260
+ padding: 15px;
2261
+ background-color: #eaeaea;
2262
+ height: 160px;
2263
+ }
2264
+ .am-content.ui-app-area .form-img-container .img-fluid {
2265
+ width: 100%;
2266
+ height: 100%;
2267
+ object-fit: contain;
2268
+ }
2269
+ .am-content.ui-app-area .img-btns {
2270
+ position: absolute;
2271
+ right: 8px;
2272
+ bottom: 8px;
2273
+ background-color: $ui_white;
2274
+ padding: 2px 6px 8px;
2275
+ border-radius: $ui-radius;
2276
+ box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2277
+ -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2278
+ -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
2279
+ }
2280
+ .am-content.ui-app-area .img-btns .btn.btn-outline-danger {
2281
+ padding: 5px 12px !important;
2282
+ background-position: top 8px left 6px;
2283
+ margin-bottom: 0;
2284
+ }
2285
+ .am-content.ui-app-area .img-btns .btn.btn-outline-primary {
2286
+ padding: 5px 12px !important;
2287
+ background-position: top 9px left 5px;
2288
+ margin-bottom: 0;
2289
+ }
2290
+ .am-content.ui-app-area .modal-dialog .img-btns .btn-outline-danger {
2291
+ width: 27px;
2292
+ }
2293
+
2060
2294
 
2061
2295
 
2062
2296
 
@@ -1,3 +1,3 @@
1
1
  module WelcomeCss
2
- VERSION = "0.28"
2
+ VERSION = "0.32"
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.28'
4
+ version: '0.32'
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-06 00:00:00.000000000 Z
11
+ date: 2022-01-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails