para 0.11.4 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (228) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/para/admin/main.scss +31 -0
  3. data/app/assets/stylesheets/para/admin/src/_affix.scss +7 -0
  4. data/app/assets/stylesheets/para/admin/src/_alert.scss +35 -0
  5. data/app/assets/stylesheets/para/admin/src/_base.scss +63 -0
  6. data/app/assets/stylesheets/para/admin/src/_bootstrap-variables.scss +766 -379
  7. data/app/assets/stylesheets/para/admin/src/_breadcrumb.scss +37 -0
  8. data/app/assets/stylesheets/para/admin/src/_buttons.scss +128 -0
  9. data/app/assets/stylesheets/para/admin/src/_checkable.scss +106 -0
  10. data/app/assets/stylesheets/para/admin/src/_common.scss +250 -0
  11. data/app/assets/stylesheets/para/admin/src/_dropdown.scss +52 -0
  12. data/app/assets/stylesheets/para/admin/src/_form.scss +359 -0
  13. data/app/assets/stylesheets/para/admin/src/_list.scss +96 -0
  14. data/app/assets/stylesheets/para/admin/src/_mixins.scss +109 -0
  15. data/app/assets/stylesheets/para/admin/src/_multi-select.scss +110 -0
  16. data/app/assets/stylesheets/para/admin/src/_navigation.scss +210 -0
  17. data/app/assets/stylesheets/para/admin/src/_navtabs.scss +68 -0
  18. data/app/assets/stylesheets/para/admin/src/_nested-many.scss +87 -0
  19. data/app/assets/stylesheets/para/admin/src/_nested_one.scss +26 -0
  20. data/app/assets/stylesheets/para/admin/src/_orderable.scss +48 -0
  21. data/app/assets/stylesheets/para/admin/src/_page-loading.scss +40 -0
  22. data/app/assets/stylesheets/para/admin/src/_pagination.scss +39 -0
  23. data/app/assets/stylesheets/para/admin/src/_panel.scss +61 -0
  24. data/app/assets/stylesheets/para/admin/src/_responsive.scss +133 -0
  25. data/app/assets/stylesheets/para/admin/src/_sorting.scss +43 -0
  26. data/app/assets/stylesheets/para/admin/src/_statcard.scss +46 -0
  27. data/app/assets/stylesheets/para/admin/src/_table.scss +36 -0
  28. data/app/assets/stylesheets/para/admin/src/_tree.scss +60 -0
  29. data/app/assets/stylesheets/para/admin/src/{_variables.sass → _variables.scss} +7 -7
  30. data/app/assets/stylesheets/para/admin/src/{_well.sass → _well.scss} +5 -4
  31. data/app/assets/stylesheets/para/admin.scss +15 -0
  32. data/app/assets/stylesheets/para/index.scss +1 -0
  33. data/app/assets/stylesheets/para/lib/datetimepicker.scss +15 -0
  34. data/app/assets/stylesheets/para/lib/fuelux.scss +46 -0
  35. data/app/assets/stylesheets/para/lib/jasny-bootstrap.scss +100 -0
  36. data/app/assets/stylesheets/para/lib/selectize.scss +129 -0
  37. data/app/assets/stylesheets/para/lib/slider.scss +14 -0
  38. data/app/controllers/para/admin/crud_resources_controller.rb +16 -9
  39. data/app/controllers/para/admin/imports_controller.rb +9 -9
  40. data/app/controllers/para/admin/jobs_controller.rb +7 -1
  41. data/app/controllers/para/admin/resources_controller.rb +17 -18
  42. data/app/controllers/para/admin/settings_component_controller.rb +2 -2
  43. data/app/helpers/para/admin/base_helper.rb +36 -25
  44. data/app/helpers/para/admin/page_helper.rb +8 -9
  45. data/app/helpers/para/flash_helper.rb +7 -28
  46. data/app/helpers/para/model_helper.rb +5 -8
  47. data/app/helpers/para/tree_helper.rb +4 -4
  48. data/app/javascripts/para/admin/async-progress.js +58 -0
  49. data/app/javascripts/para/admin/filters-form.js +12 -0
  50. data/app/javascripts/para/admin/job-tracker.js +33 -0
  51. data/app/javascripts/para/admin/table.js +58 -0
  52. data/app/javascripts/para/admin/tabs.js +110 -0
  53. data/app/javascripts/para/admin/theme_actions.js +39 -0
  54. data/app/javascripts/para/admin/tree.js +124 -0
  55. data/app/javascripts/para/application.js +2 -0
  56. data/app/javascripts/para/controllers/application.js +17 -0
  57. data/app/javascripts/para/controllers/index.js +10 -0
  58. data/app/javascripts/para/controllers/para_admin_flash_message_controller.js +48 -0
  59. data/app/javascripts/para/controllers/para_admin_modal_controller.js +43 -0
  60. data/app/javascripts/para/controllers/selectize_field_controller.js +142 -0
  61. data/app/javascripts/para/index.js +31 -0
  62. data/app/javascripts/para/inputs/material-input.js +7 -0
  63. data/app/javascripts/para/inputs/multi-select-input.js +343 -0
  64. data/app/javascripts/para/inputs/nested_many.js +151 -0
  65. data/app/javascripts/para/lib/fetch.js +41 -0
  66. data/app/javascripts/para/lib/page-loading.js +42 -0
  67. data/app/javascripts/para/simple_form_extension/colorpicker.js +30 -0
  68. data/app/javascripts/para/simple_form_extension/datetimepicker.js +115 -0
  69. data/app/javascripts/para/simple_form_extension/fileinput.js +57 -0
  70. data/app/javascripts/para/simple_form_extension/index.js +12 -0
  71. data/app/javascripts/para/simple_form_extension/selectize.js +160 -0
  72. data/app/javascripts/para/simple_form_extension/simple_form_extension_initialization.js +62 -0
  73. data/app/javascripts/para/simple_form_extension/slider.js +43 -0
  74. data/app/javascripts/para/simple_form_extension/spinbox.js +35 -0
  75. data/app/javascripts/para/vendor/bootstrap-colorpicker.js +1025 -0
  76. data/app/javascripts/para/vendor/bootstrap-slider.js +1610 -0
  77. data/app/javascripts/para/vendor/cocoon.js +150 -0
  78. data/app/javascripts/para/vendor/jquery.datetimepicker.js +2156 -0
  79. data/app/javascripts/para/vendor/jquery.js +3 -0
  80. data/app/javascripts/para/vendor/spinbox.js +438 -0
  81. data/app/javascripts/para/vendor/vertebra.js +224 -0
  82. data/app/views/admin/para/exporter/bases/_completed.html.haml +1 -1
  83. data/app/views/layouts/para/admin.html.haml +4 -2
  84. data/app/views/para/admin/imports/new.html.haml +12 -11
  85. data/app/views/para/admin/jobs/_completed.html.haml +1 -1
  86. data/app/views/para/admin/jobs/_failed.html.haml +1 -1
  87. data/app/views/para/admin/jobs/_job.html.haml +11 -0
  88. data/app/views/para/admin/jobs/show.html.haml +1 -10
  89. data/app/views/para/admin/resources/_add_button.html.haml +1 -1
  90. data/app/views/para/admin/resources/_exports_menu.html.haml +2 -2
  91. data/app/views/para/admin/resources/_filters.html.haml +1 -1
  92. data/app/views/para/admin/resources/_imports_menu.html.haml +2 -2
  93. data/app/views/para/admin/resources/_list.html.haml +27 -26
  94. data/app/views/para/admin/resources/_navigation.html.haml +10 -11
  95. data/app/views/para/admin/resources/_subclassable_add_button.html.haml +1 -1
  96. data/app/views/para/admin/shared/_flash.html.haml +18 -0
  97. data/app/views/para/admin/shared/_header.html.haml +1 -1
  98. data/app/views/para/form/_tabs.html.haml +1 -1
  99. data/app/views/para/inputs/_nested_many.html.haml +3 -3
  100. data/app/views/para/inputs/nested_many/_add.html.haml +1 -1
  101. data/app/views/para/inputs/nested_many/_add_with_subclasses.html.haml +2 -2
  102. data/app/views/para/inputs/nested_many/_container.html.haml +1 -1
  103. data/config/locales/fr.yml +1 -0
  104. data/lib/generators/para/install/install_generator.rb +10 -14
  105. data/lib/para/attribute_field/base.rb +3 -0
  106. data/lib/para/attribute_field/wysiwyg_editor.rb +15 -0
  107. data/lib/para/attribute_field.rb +1 -1
  108. data/lib/para/components_configuration.rb +1 -1
  109. data/lib/para/engine.rb +20 -22
  110. data/lib/para/ext/turbo_stream.rb +13 -0
  111. data/lib/para/ext.rb +1 -1
  112. data/lib/para/form_builder/containers.rb +33 -22
  113. data/lib/para/form_builder/nested_form.rb +6 -5
  114. data/lib/para/inputs/nested_many_input.rb +5 -0
  115. data/lib/para/markup/modal.rb +30 -15
  116. data/lib/para/markup/resources_buttons.rb +15 -11
  117. data/lib/para/model_field_parsers/wysiwyg_editor.rb +19 -0
  118. data/lib/para/model_field_parsers.rb +1 -1
  119. data/lib/para/version.rb +1 -1
  120. data/lib/para.rb +2 -8
  121. data/lib/simple_form_extension/components/icons.rb +13 -0
  122. data/lib/simple_form_extension/components/popovers.rb +46 -0
  123. data/lib/simple_form_extension/components.rb +8 -0
  124. data/lib/simple_form_extension/ext/form_builder.rb +20 -0
  125. data/lib/simple_form_extension/file_concern.rb +74 -0
  126. data/lib/simple_form_extension/inputs/boolean_input.rb +16 -0
  127. data/lib/simple_form_extension/inputs/collection_check_boxes_input.rb +15 -0
  128. data/lib/simple_form_extension/inputs/collection_radio_buttons_input.rb +15 -0
  129. data/lib/simple_form_extension/inputs/color_input.rb +37 -0
  130. data/lib/simple_form_extension/inputs/date_time_input.rb +48 -0
  131. data/lib/simple_form_extension/inputs/file_input.rb +41 -0
  132. data/lib/simple_form_extension/inputs/image_input.rb +110 -0
  133. data/lib/simple_form_extension/inputs/numeric_input.rb +27 -0
  134. data/lib/simple_form_extension/inputs/selectize_input.rb +210 -0
  135. data/lib/simple_form_extension/inputs/slider_input.rb +30 -0
  136. data/lib/simple_form_extension/inputs.rb +16 -0
  137. data/lib/simple_form_extension/railtie.rb +21 -0
  138. data/lib/simple_form_extension/resource_name_helper.rb +9 -0
  139. data/lib/simple_form_extension/translations.rb +7 -0
  140. data/lib/simple_form_extension/version.rb +3 -0
  141. data/lib/simple_form_extension.rb +30 -0
  142. data/vendor/assets/images/simple_form_extension/bootstrap-colorpicker/alpha-horizontal.png +0 -0
  143. data/vendor/assets/images/simple_form_extension/bootstrap-colorpicker/alpha.png +0 -0
  144. data/vendor/assets/images/simple_form_extension/bootstrap-colorpicker/hue-horizontal.png +0 -0
  145. data/vendor/assets/images/simple_form_extension/bootstrap-colorpicker/hue.png +0 -0
  146. data/vendor/assets/images/simple_form_extension/bootstrap-colorpicker/saturation.png +0 -0
  147. data/vendor/assets/stylesheets/bootstrap-colorpicker.scss +227 -0
  148. data/vendor/assets/stylesheets/bootstrap-slider.scss +246 -0
  149. data/vendor/assets/stylesheets/bootstrap.scss +6032 -0
  150. data/vendor/assets/stylesheets/jquery.datetimepicker.scss +568 -0
  151. metadata +120 -188
  152. data/app/assets/javascripts/admin/app.coffee +0 -1
  153. data/app/assets/javascripts/para/admin/async-progress.coffee +0 -29
  154. data/app/assets/javascripts/para/admin/filters-form.coffee +0 -11
  155. data/app/assets/javascripts/para/admin/job-tracker.coffee +0 -39
  156. data/app/assets/javascripts/para/admin/table.coffee +0 -44
  157. data/app/assets/javascripts/para/admin/tabs.coffee +0 -63
  158. data/app/assets/javascripts/para/admin/theme_actions.coffee +0 -25
  159. data/app/assets/javascripts/para/admin/tree.coffee +0 -105
  160. data/app/assets/javascripts/para/admin.coffee +0 -22
  161. data/app/assets/javascripts/para/application.js +0 -13
  162. data/app/assets/javascripts/para/inputs/material-input.coffee +0 -4
  163. data/app/assets/javascripts/para/inputs/multi-select-input.coffee +0 -174
  164. data/app/assets/javascripts/para/inputs/nested_many.coffee +0 -108
  165. data/app/assets/javascripts/para/lib/ajax.coffee +0 -11
  166. data/app/assets/javascripts/para/lib/remote-file-forms.coffee +0 -59
  167. data/app/assets/javascripts/para/lib/turbolinks-forms.coffee +0 -23
  168. data/app/assets/javascripts/para/lib/turbolinks-loading.coffee +0 -25
  169. data/app/assets/javascripts/para/lib/turbolinks-reloader.coffee +0 -19
  170. data/app/assets/stylesheets/para/admin/main.sass +0 -33
  171. data/app/assets/stylesheets/para/admin/src/_affix.sass +0 -4
  172. data/app/assets/stylesheets/para/admin/src/_alert.sass +0 -17
  173. data/app/assets/stylesheets/para/admin/src/_base.sass +0 -54
  174. data/app/assets/stylesheets/para/admin/src/_breadcrumb.sass +0 -32
  175. data/app/assets/stylesheets/para/admin/src/_buttons.sass +0 -107
  176. data/app/assets/stylesheets/para/admin/src/_checkable.sass +0 -94
  177. data/app/assets/stylesheets/para/admin/src/_common.sass +0 -202
  178. data/app/assets/stylesheets/para/admin/src/_dropdown.sass +0 -40
  179. data/app/assets/stylesheets/para/admin/src/_form.sass +0 -299
  180. data/app/assets/stylesheets/para/admin/src/_list.sass +0 -89
  181. data/app/assets/stylesheets/para/admin/src/_mixins.sass +0 -113
  182. data/app/assets/stylesheets/para/admin/src/_multi-select.sass +0 -91
  183. data/app/assets/stylesheets/para/admin/src/_navigation.sass +0 -171
  184. data/app/assets/stylesheets/para/admin/src/_navtabs.sass +0 -58
  185. data/app/assets/stylesheets/para/admin/src/_nested-many.sass +0 -75
  186. data/app/assets/stylesheets/para/admin/src/_nested_one.sass +0 -22
  187. data/app/assets/stylesheets/para/admin/src/_orderable.sass +0 -44
  188. data/app/assets/stylesheets/para/admin/src/_page-loading.sass +0 -39
  189. data/app/assets/stylesheets/para/admin/src/_pagination.sass +0 -34
  190. data/app/assets/stylesheets/para/admin/src/_panel.sass +0 -55
  191. data/app/assets/stylesheets/para/admin/src/_responsive.sass +0 -117
  192. data/app/assets/stylesheets/para/admin/src/_sorting.sass +0 -36
  193. data/app/assets/stylesheets/para/admin/src/_statcard.sass +0 -41
  194. data/app/assets/stylesheets/para/admin/src/_table.sass +0 -33
  195. data/app/assets/stylesheets/para/admin/src/_tree.sass +0 -52
  196. data/app/assets/stylesheets/para/admin.sass +0 -12
  197. data/app/assets/stylesheets/para/lib/compass/_support.scss +0 -447
  198. data/app/assets/stylesheets/para/lib/compass/css3/_box-shadow.scss +0 -88
  199. data/app/assets/stylesheets/para/lib/compass/css3/_images.scss +0 -152
  200. data/app/assets/stylesheets/para/lib/compass/css3/_inline-block.scss +0 -31
  201. data/app/assets/stylesheets/para/lib/compass/css3/_text-shadow.scss +0 -82
  202. data/app/assets/stylesheets/para/lib/compass/css3/_transform.scss +0 -590
  203. data/app/assets/stylesheets/para/lib/compass/css3/_transition.scss +0 -190
  204. data/app/assets/stylesheets/para/lib/compass/css3/_user-interface.scss +0 -71
  205. data/app/assets/stylesheets/para/lib/compass/utilities/general/_hacks.scss +0 -65
  206. data/app/assets/stylesheets/para/lib/datetimepicker.sass +0 -15
  207. data/app/assets/stylesheets/para/lib/fuelux.sass +0 -40
  208. data/app/assets/stylesheets/para/lib/jasny-bootstrap.sass +0 -97
  209. data/app/assets/stylesheets/para/lib/redactor.sass +0 -86
  210. data/app/assets/stylesheets/para/lib/selectize.sass +0 -111
  211. data/app/assets/stylesheets/para/lib/slider.sass +0 -12
  212. data/app/assets/stylesheets/para/plugins-includes.sass.erb +0 -1
  213. data/lib/para/attribute_field/redactor.rb +0 -22
  214. data/lib/para/ext/request_iframe_xhr.rb +0 -17
  215. data/lib/para/iframe_transport/middleware.rb +0 -58
  216. data/lib/para/iframe_transport.rb +0 -7
  217. data/lib/para/model_field_parsers/redactor.rb +0 -19
  218. data/vendor/assets/javascripts/jquery.iframe-transport.js +0 -260
  219. data/vendor/assets/javascripts/jquery.remote-modal-form.coffee +0 -145
  220. /data/app/assets/stylesheets/admin/{app.sass → app.scss} +0 -0
  221. /data/app/{assets/javascripts → javascripts}/para/plugins-includes.js.erb +0 -0
  222. /data/{vendor/assets/javascripts → app/javascripts/para/vendor}/Sortable.js +0 -0
  223. /data/{vendor/assets/javascripts → app/javascripts/para/vendor}/jasny-bootstrap.js +0 -0
  224. /data/{vendor/assets/javascripts → app/javascripts/para/vendor}/jquery.scrollto.js +0 -0
  225. /data/{vendor/assets/javascripts → app/javascripts/para/vendor}/jquery.sortable.js +0 -0
  226. /data/vendor/assets/stylesheets/{animate.css → animate.scss} +0 -0
  227. /data/vendor/assets/stylesheets/{hint.css → hint.scss} +0 -0
  228. /data/vendor/assets/stylesheets/{jasny-bootstrap.css → jasny-bootstrap.scss} +0 -0
@@ -0,0 +1,210 @@
1
+ //
2
+ // Navigation
3
+ // --------------------------------------------------
4
+
5
+ //== Sidebar right
6
+ //
7
+ //##
8
+
9
+ .navmenu {
10
+ background-color: $navbar-default-bg;
11
+ width: $left-menu-width-open;
12
+ overflow: hidden;
13
+ z-index: $zindex-navbar-fixed + 10;
14
+ }
15
+
16
+ .navmenu-default {
17
+ background-color: #fff;
18
+ border: none;
19
+ @include material-box-shadow-soft(3);
20
+
21
+ .navmenu-brand {
22
+ background-color: $blue-darker;
23
+ color: #fff;
24
+ display: block;
25
+ font-size: 1.4em;
26
+ font-weight: 300;
27
+ line-height: 20px;
28
+ margin: 0;
29
+ padding: 20px;
30
+ text-align: center;
31
+ text-transform: uppercase;
32
+ &:hover,
33
+ &:focus {
34
+ background-color: $blue-darker;
35
+ color: white;
36
+ }
37
+ }
38
+
39
+ .navmenu-nav {
40
+ background-color: $gray-lighter;
41
+ height: calc(100% - 60px);
42
+ width: $left-menu-width-open;
43
+ padding: 0;
44
+ margin: 0;
45
+ display: block;
46
+ overflow-x: hidden;
47
+ overflow-y: auto;
48
+ list-style: none;
49
+
50
+ //** overriding jasny
51
+ > li > a {
52
+ color: $gray;
53
+ &:hover,
54
+ &:focus {
55
+ background-color: $gray;
56
+ color: $gray-lighter;
57
+ }
58
+ //** Para components
59
+ }
60
+ .component-section-list-items {
61
+ background-color: white;
62
+ list-style: none;
63
+ margin: 0;
64
+ padding: 0;
65
+ }
66
+ .component-section-title {
67
+ background-color: $gray-lighter;
68
+ color: $text-color;
69
+ font-weight: bold;
70
+ line-height: 19px;
71
+ padding: 10px;
72
+ text-transform: uppercase;
73
+ width: 100%;
74
+ font-size: 0.8rem;
75
+
76
+ &:hover,
77
+ &:focus {
78
+ background-color: $gray-lighter;
79
+ color: $text-color;
80
+ text-decoration: none;
81
+ }
82
+
83
+ .fa {
84
+ margin-right: -15px;
85
+ line-height: 1.3;
86
+ }
87
+
88
+ &.collapsed {
89
+ .fa {
90
+ transform: rotate(180deg);
91
+ }
92
+ }
93
+ }
94
+ .component-item {
95
+ a,
96
+ button {
97
+ background-color: transparent;
98
+ display: block;
99
+ font-weight: 400;
100
+ line-height: 19px;
101
+ color: $text-color;
102
+ font-weight: 400;
103
+ padding: 10px;
104
+ text-decoration: none;
105
+ font-size: 0.9rem;
106
+
107
+ @include default-transition;
108
+ &:hover,
109
+ &:focus {
110
+ padding-left: 15px;
111
+ background-color: $gray-lighter;
112
+ }
113
+ }
114
+ &.active {
115
+ a,
116
+ button {
117
+ border-left: 2px solid $brand-primary;
118
+ background-color: $gray-light;
119
+ color: $text-color;
120
+ padding-left: 15px;
121
+ }
122
+ //== Top navbar
123
+ //
124
+ //##
125
+ }
126
+ }
127
+ }
128
+ }
129
+ .navbar-default {
130
+ border: none;
131
+ padding-right: 22px;
132
+ .nav > li > {
133
+ button {
134
+ appearance: none;
135
+ border: none;
136
+ }
137
+ a,
138
+ button {
139
+ padding: 6px 10px;
140
+ text-align: center;
141
+ margin: 14px 3px;
142
+ color: inherit;
143
+ border-radius: $border-radius-small;
144
+ i {
145
+ line-height: 14px;
146
+ }
147
+ &.btn-home {
148
+ background-color: $blue-darker;
149
+ color: $gray-lighter;
150
+ }
151
+ &.btn-power-off {
152
+ background-color: $brand-danger;
153
+ color: $gray-lighter;
154
+ }
155
+ }
156
+ }
157
+ }
158
+ .navbar-fixed-top {
159
+ padding-left: 0;
160
+ &.navbar {
161
+ margin-bottom: 0;
162
+ }
163
+ //** Btn menu toggle
164
+ }
165
+ .navbar-toggle {
166
+ float: left;
167
+ display: block;
168
+ }
169
+ //** Dark theme override
170
+ //***********************
171
+ .dark-theme.navmenu-default {
172
+ .navmenu-nav {
173
+ background-color: $navbar-default-bg;
174
+ > li > a {
175
+ &:hover,
176
+ &:focus {
177
+ background-color: $navbar-default-bg;
178
+ color: white;
179
+ }
180
+ }
181
+ }
182
+ .component-section-title {
183
+ background-color: $navbar-default-bg;
184
+ color: white;
185
+ &:hover,
186
+ &:focus {
187
+ background-color: transparent;
188
+ color: white;
189
+ }
190
+ }
191
+ .component-item {
192
+ a,
193
+ button {
194
+ background-color: $text-color;
195
+ color: $gray-lighter;
196
+ &:hover,
197
+ &:focus {
198
+ background-color: $navbar-default-bg;
199
+ }
200
+ }
201
+ &.active {
202
+ a,
203
+ button {
204
+ background-color: lighten($navbar-default-bg, 10%);
205
+ border-color: $brand-primary;
206
+ color: white;
207
+ }
208
+ }
209
+ }
210
+ }
@@ -0,0 +1,68 @@
1
+ //
2
+ // Navtabs
3
+ // --------------------------------------------------
4
+
5
+ //== Main style
6
+ //
7
+ //##
8
+
9
+ //** Add negative margin top if the nav tab is the frst content of the page
10
+ .page-content-wrap {
11
+ .nav-tabs-wrapper {
12
+ margin-top: -25px;
13
+ }
14
+ .nav-tabs {
15
+ border-radius: $border-radius-small;
16
+
17
+ &.affix {
18
+ margin-top: 0;
19
+ width: 100%;
20
+ z-index: $zindex-navbar-fixed - 1;
21
+ @include material-box-shadow-soft(3);
22
+ }
23
+ }
24
+ .form-inputs {
25
+ .nav-tabs-wrapper {
26
+ margin-top: 0;
27
+ }
28
+ .nav-tabs {
29
+ border-radius: 0;
30
+ }
31
+ }
32
+ .panel-body {
33
+ .nav-tabs-wrapper {
34
+ margin-top: -25px;
35
+ }
36
+ //** Override bootstrap nav tabs
37
+ }
38
+ }
39
+ .nav-tabs-wrapper {
40
+ margin-right: -25px;
41
+ margin-left: -25px;
42
+ margin-bottom: 25px;
43
+ }
44
+ .nav-tabs {
45
+ background-color: $gray-lighter;
46
+
47
+ > li > a {
48
+ color: $text-color;
49
+ border: none;
50
+ border-bottom: 2px solid transparent;
51
+ font-weight: 300;
52
+ padding: 15px 25px;
53
+ i {
54
+ margin-right: 4px;
55
+ }
56
+ }
57
+ > {
58
+ li.active > {
59
+ a,
60
+ a:hover,
61
+ a:focus {
62
+ border: none;
63
+ background-color: $gray-lighter;
64
+ border-bottom: 2px solid $brand-primary;
65
+ }
66
+ }
67
+ }
68
+ }
@@ -0,0 +1,87 @@
1
+ //
2
+ // Nested many
3
+ // --------------------------------------------------
4
+
5
+ //== Main style
6
+ //
7
+ //##
8
+
9
+ .nested-many-field {
10
+ .panel {
11
+ z-index: 1;
12
+ }
13
+ &.orderable {
14
+ .sortable-placeholder {
15
+ margin-bottom: 20px;
16
+ }
17
+ .form-fields {
18
+ @include clearfix;
19
+ float: none;
20
+ }
21
+ }
22
+ &.nested-many-field-inset {
23
+ .nested-many-inset-panel {
24
+ border: 1px dashed $gray;
25
+ box-shadow: none;
26
+
27
+ .panel-heading {
28
+ background-color: transparent;
29
+ border-color: transparent;
30
+ }
31
+ }
32
+ .nested-many-inset-add-button {
33
+ .btn {
34
+ box-shadow: none;
35
+ background-color: $gray-lighter;
36
+ border: 1px dashed $gray;
37
+ color: $gray;
38
+ display: block;
39
+ width: 100%;
40
+ padding: 30px;
41
+ &:hover,
42
+ &:focus {
43
+ background-color: #FAFAFA !important;
44
+ border-color: #FAFAFA !important;
45
+ @include material-box-shadow-soft(2);
46
+ }
47
+ }
48
+ &.open {
49
+ > .dropdown-menu {
50
+ display: block;
51
+ margin: 0 0 100px 0;
52
+ padding: 10px;
53
+ width: 100%;
54
+
55
+ > li {
56
+ border: none;
57
+ display: block;
58
+ float: left;
59
+ padding: 10px;
60
+ text-align: center;
61
+ width: 100%;
62
+
63
+ > a {
64
+ border-radius: 2px;
65
+ @include default-transition;
66
+ background: url('para/admin/template-section.svg') no-repeat $gray-lighter;
67
+ background-position: center 10px;
68
+ border: 1px dashed $gray;
69
+ color: $gray;
70
+ display: block;
71
+ font-weight: bold;
72
+ height: 115px;
73
+ padding: 70px 5px 5px 5px;
74
+ text-transform: uppercase;
75
+ width: 100%;
76
+ white-space: normal;
77
+ &:hover {
78
+ @include material-box-shadow-soft(3);
79
+ border: 1px dashed $gray-lighter;
80
+ }
81
+ }
82
+ }
83
+ }
84
+ }
85
+ }
86
+ }
87
+ }
@@ -0,0 +1,26 @@
1
+ //
2
+ // Nested one
3
+ // --------------------------------------------------
4
+
5
+ //== Main style
6
+ //
7
+ //## Label have to be like a legend if is the nested_one
8
+
9
+ .form-group.nested_one {
10
+ label.control-label.nested_one {
11
+ width: 100%;
12
+ margin-top: 15px;
13
+ margin-bottom: 15px;
14
+ padding-bottom: 10px;
15
+ border-bottom: 1px solid $gray-light;
16
+ font-weight: 600;
17
+ font-size: 18px;
18
+ }
19
+ }
20
+ .tab-pane {
21
+ > .form-group.nested_one {
22
+ label.control-label.nested_one {
23
+ margin-top: 0;
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,48 @@
1
+ //
2
+ // Orderable
3
+ // --------------------------------------------------
4
+
5
+ //== Re-ordered & handle barre styles
6
+ //
7
+ //##
8
+
9
+ .order-anchor,
10
+ .handle {
11
+ color: $text-color;
12
+ cursor: move;
13
+ cursor: -webkit-grab;
14
+ cursor: grab;
15
+ outline: 0;
16
+ font-size: 14px;
17
+ line-height: 20px;
18
+ width: 21px;
19
+ display: inline-block;
20
+ @include default-transition;
21
+ &:hover {
22
+ color: $gray-darker;
23
+ }
24
+ &:focus,
25
+ &:focus:active {
26
+ cursor: move;
27
+ cursor: -webkit-grabbing;
28
+ cursor: grabbing;
29
+ border-radius: $border-radius-base;
30
+ margin: 0;
31
+ background-color: $gray;
32
+ color: $gray-darker;
33
+ text-align: center;
34
+ }
35
+ .sort-dots:after {
36
+ color: $gray;
37
+ content: '\2807\2807';
38
+ font-size: 30px;
39
+ font-style: normal;
40
+ letter-spacing: -14px;
41
+ vertical-align: middle;
42
+ }
43
+ }
44
+ .sortable-placeholder {
45
+ border: 1px dotted $gray;
46
+ width: 100%;
47
+ background-color: $gray-lighter;
48
+ }
@@ -0,0 +1,40 @@
1
+ //
2
+ // Page loading
3
+ // --------------------------------------------------
4
+
5
+ //== Main style
6
+ //
7
+ //##
8
+
9
+ $spinner-size: 32px;
10
+
11
+ .loading-overlay {
12
+ position: fixed;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%;
17
+ z-index: 1200;
18
+ opacity: .5;
19
+ background: white;
20
+ }
21
+ .loading-spinner {
22
+ position: fixed;
23
+ top: 50%;
24
+ left: 50%;
25
+ margin-left: calc($spinner-size / 2);
26
+ margin-top: $navbar-height - $spinner-size;
27
+ width: $spinner-size;
28
+ height: $spinner-size;
29
+ z-index: 1201;
30
+ font-size: 32px;
31
+
32
+ &:before {
33
+ @extend .fa;
34
+ @extend .fa-circle-notch;
35
+ @extend .fa-spin;
36
+ }
37
+ }
38
+ .turbo-progress-bar {
39
+ background-color: $brand-primary;
40
+ }
@@ -0,0 +1,39 @@
1
+ //
2
+ // Pagination
3
+ // --------------------------------------------------
4
+
5
+ //== Overiding bootstrap pagination styles
6
+ //
7
+ //##
8
+
9
+ .pagination {
10
+ border-radius: 0;
11
+ @include clearfix;
12
+ display: block;
13
+ margin-bottom: 0;
14
+ text-align: center;
15
+ > li {
16
+ display: inline-block;
17
+ > a,
18
+ > span {
19
+ border-radius: $border-radius-small;
20
+ display: inline-block;
21
+ @include material-box-shadow-soft(1);
22
+ background-color: $gray-lighter;
23
+ border: none;
24
+ float: none;
25
+ margin: 0;
26
+ &:active,
27
+ &:focus,
28
+ &:hover {
29
+ background-color: $gray-lighter;
30
+ }
31
+ }
32
+ }
33
+ > li:first-child {
34
+ > a,
35
+ > span {
36
+ border-radius: $border-radius-small;
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,61 @@
1
+ //
2
+ // Panel
3
+ // --------------------------------------------------
4
+
5
+ //== Main style
6
+ //
7
+ //## Just an override of bootstrap
8
+
9
+ .panel {
10
+ border: none;
11
+ @include material-box-shadow-soft(2);
12
+
13
+ //** Panel with collapse element
14
+ .collapsed {
15
+ .fa-angle-up {
16
+ transform: rotate(180deg);
17
+ }
18
+ //** Panel is orderable
19
+ }
20
+ .order-anchor {
21
+ float: left;
22
+ margin-right: 10px;
23
+ line-height: 30px;
24
+ margin-left: -20px;
25
+ }
26
+ }
27
+ .panel-heading {
28
+ padding: 10px 25px;
29
+ border: none;
30
+ border-radius: 2px;
31
+ @include clearfix;
32
+ //** Do not destroy panel heading if image is inside
33
+ img {
34
+ max-width: 250px;
35
+ max-height: 250px;
36
+ }
37
+ //** Disable link underline if is in panel heading
38
+ a {
39
+ &:hover,
40
+ &:focus {
41
+ text-decoration: none;
42
+ }
43
+ }
44
+ }
45
+ .panel-title {
46
+ font-size: $font-size-base;
47
+ font-weight: 400;
48
+ float: left;
49
+ line-height: 30px;
50
+ margin-right: 30px;
51
+ max-width: calc(100% - 180px);
52
+ }
53
+ .panel-btns {
54
+ float: right;
55
+ //** If panel-btns is a list
56
+ list-style: none;
57
+ margin-top: 4px;
58
+ li {
59
+ padding-left: 0;
60
+ }
61
+ }
@@ -0,0 +1,133 @@
1
+ //
2
+ // Responsive
3
+ // --------------------------------------------------
4
+
5
+ /* Extra small devices (phones, less than 768px) */
6
+ /* No media query since this is the default in Bootstrap */
7
+
8
+ /* Small devices (tablets, 768px and up) */
9
+ @media (min-width: $screen-sm-min) { //== Fixed actions
10
+ //
11
+ //## See form.sass
12
+ .form-fixed-actions {
13
+ .form-actions {
14
+ .btn {
15
+ margin-bottom: 0;
16
+ margin-right: 5px;
17
+ }
18
+ //== Nested many
19
+ //
20
+ //## See neste_many.sass
21
+ }
22
+ }
23
+ .nested-many-field.nested-many-field-inset .nested-many-inset-add-button.open > .dropdown-menu > li {
24
+ width: 50%;
25
+ }
26
+ };
27
+
28
+ /* Medium devices (desktops, 992px and up) */
29
+ @media (min-width: $screen-md-min) {
30
+ body {
31
+ padding: $navbar-height 0 0 $left-menu-width-open;
32
+ }
33
+ //== Top navbar
34
+ //
35
+ //## See navigation.sass
36
+ .navbar-fixed-top {
37
+ padding-left: $left-menu-width-open;
38
+ }
39
+ .navbar-toggle {
40
+ display: none;
41
+ }
42
+ //== Loader
43
+ //
44
+ //## See page_loading.sass
45
+ .loading-overlay {
46
+ width: calc(100% - #{$left-menu-width-open});
47
+ left: $left-menu-width-open;
48
+ }
49
+ .loading-spinner {
50
+ margin-left: calc(($left-menu-width-open / 2) - ($spinner-size / 2));
51
+ }
52
+ //== Nested many
53
+ //
54
+ //## See neste_many.sass
55
+ .nested-many-field.nested-many-field-inset .nested-many-inset-add-button.open > .dropdown-menu > li {
56
+ width: 33.333333%;
57
+ }
58
+ };
59
+
60
+ /* Large devices (large desktops, 1200px and up) */
61
+ @media (min-width: $screen-lg-min) { //== Nested many
62
+ //
63
+ //## See neste_many.sass
64
+ .nested-many-field.nested-many-field-inset .nested-many-inset-add-button.open > .dropdown-menu > li > a {
65
+ background-position: center center;
66
+ padding: 75px 5px;
67
+ height: 100%;
68
+ }
69
+ };
70
+
71
+ //== Max width
72
+ //
73
+ //##
74
+ @media (max-width: $screen-xs-max) {
75
+ body {
76
+ padding-top: 0;
77
+ }
78
+ //== Top navbar
79
+ //
80
+ //## See navigation.sass
81
+ .navbar-fixed-top {
82
+ position: relative;
83
+ }
84
+ .navbar-toggle {
85
+ margin-top: 3px;
86
+ margin-bottom: 3px;
87
+ }
88
+
89
+ .navbar-default .nav > li > a {
90
+ padding: 10px;
91
+ width: 40px;
92
+ i {
93
+ font-size: 14px;
94
+ }
95
+ }
96
+ .navbar-nav {
97
+ margin: 0;
98
+ > li {
99
+ float: left;
100
+ }
101
+ }
102
+ .breadcrumb {
103
+ padding: 10px;
104
+ }
105
+ .form-fixed-actions {
106
+ margin-bottom: 250px;
107
+ .form-actions {
108
+ padding-right: 15px;
109
+ padding-left: 15px;
110
+ left: 50px;
111
+ .btn {
112
+ width: 100%;
113
+ }
114
+ }
115
+ }
116
+ }
117
+ @media (max-width: $screen-sm-max) { //== page list panel
118
+ //
119
+ //## See panel.sass
120
+ .page-list-heading {
121
+ [class^='col-xs-'],
122
+ [class^='col-sm-'],
123
+ [class^='col-md-'],
124
+ [class^='col-lg-'],
125
+ .flextable-item {
126
+ margin-bottom: 10px;
127
+ }
128
+ //** disable lasted margin-bottom on flextable-item & col-* to get the proper padding
129
+ .flextable {
130
+ margin-bottom: -10px;
131
+ }
132
+ }
133
+ };