trestle 0.9.8 → 0.10.0.pre

Sign up to get free protection for your applications and to get access to all the features.
Files changed (347) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/rspec.yml +34 -4
  3. data/.gitignore +7 -0
  4. data/Gemfile +5 -1
  5. data/README.md +2 -1
  6. data/app/assets/bundle/trestle/admin.css +23 -0
  7. data/app/assets/bundle/trestle/admin.js +83 -0
  8. data/app/assets/bundle/trestle/fa-brands-400.ttf +0 -0
  9. data/app/assets/bundle/trestle/fa-brands-400.woff2 +0 -0
  10. data/app/assets/bundle/trestle/fa-regular-400.ttf +0 -0
  11. data/app/assets/bundle/trestle/fa-regular-400.woff2 +0 -0
  12. data/app/assets/bundle/trestle/fa-solid-900.ttf +0 -0
  13. data/app/assets/bundle/trestle/fa-solid-900.woff2 +0 -0
  14. data/app/assets/bundle/trestle/locale/cs.js +110 -0
  15. data/app/assets/bundle/trestle/locale/de.js +116 -0
  16. data/app/assets/bundle/trestle/locale/en.js +329 -0
  17. data/app/assets/bundle/trestle/locale/es-MX.js +109 -0
  18. data/app/assets/bundle/trestle/locale/es.js +109 -0
  19. data/app/assets/bundle/trestle/locale/fr.js +111 -0
  20. data/app/assets/bundle/trestle/locale/ko.js +111 -0
  21. data/app/assets/bundle/trestle/locale/lv.js +109 -0
  22. data/app/assets/bundle/trestle/locale/nl.js +96 -0
  23. data/app/assets/bundle/trestle/locale/pl.js +99 -0
  24. data/app/assets/bundle/trestle/locale/pt-BR.js +98 -0
  25. data/app/assets/bundle/trestle/locale/vi.js +116 -0
  26. data/app/assets/bundle/trestle/locale/zh-CN.js +109 -0
  27. data/app/assets/bundle/trestle/photoswipe-7aa1aec9c3c1fd65c382.digested.js +6 -0
  28. data/app/assets/sprockets/trestle/custom.css +1 -0
  29. data/app/assets/sprockets/trestle/icons/font-awesome.css.erb +32 -0
  30. data/app/assets/sprockets/trestle/manifest.js +4 -0
  31. data/app/assets/stylesheets/trestle/custom.css +6 -1
  32. data/app/controllers/concerns/trestle/controller/helpers.rb +2 -0
  33. data/app/controllers/concerns/trestle/controller/location.rb +1 -6
  34. data/app/controllers/concerns/trestle/controller/modal.rb +23 -0
  35. data/app/controllers/concerns/trestle/controller/toolbars.rb +1 -1
  36. data/app/controllers/concerns/trestle/controller/turbo.rb +21 -0
  37. data/app/controllers/concerns/trestle/resource/controller/actions.rb +40 -29
  38. data/app/controllers/concerns/trestle/resource/controller/redirection.rb +7 -5
  39. data/app/controllers/trestle/admin_controller.rb +4 -0
  40. data/app/controllers/trestle/application_controller.rb +2 -1
  41. data/app/helpers/trestle/card_helper.rb +2 -2
  42. data/app/helpers/trestle/flash_helper.rb +10 -0
  43. data/app/helpers/trestle/form_helper.rb +3 -2
  44. data/app/helpers/trestle/format_helper.rb +2 -1
  45. data/app/helpers/trestle/i18n_helper.rb +46 -7
  46. data/app/helpers/trestle/modal_helper.rb +34 -0
  47. data/app/helpers/trestle/navigation_helper.rb +3 -1
  48. data/app/helpers/trestle/tab_helper.rb +1 -1
  49. data/app/helpers/trestle/toolbars_helper.rb +1 -1
  50. data/app/helpers/trestle/turbo_frame_helper.rb +34 -0
  51. data/app/helpers/trestle/url_helper.rb +7 -4
  52. data/app/views/layouts/trestle/admin.html.erb +16 -18
  53. data/app/views/layouts/trestle/admin.turbo_stream.erb +11 -0
  54. data/app/views/layouts/trestle/modal.html.erb +5 -0
  55. data/app/views/trestle/_i18n.html.erb +12 -0
  56. data/app/views/trestle/_theme.html.erb +15 -0
  57. data/app/views/trestle/application/_header.html.erb +1 -1
  58. data/app/views/trestle/application/_layout.html.erb +6 -3
  59. data/app/views/trestle/application/_modal.html.erb +36 -0
  60. data/app/views/trestle/application/_tabs.html.erb +4 -4
  61. data/app/views/trestle/flash/_alert.html.erb +1 -1
  62. data/app/views/trestle/flash/_debug.html.erb +1 -1
  63. data/app/views/trestle/resource/_form.html.erb +5 -0
  64. data/app/views/trestle/resource/_scopes.html.erb +1 -1
  65. data/app/views/trestle/resource/create.turbo_stream.erb +5 -0
  66. data/app/views/trestle/resource/destroy.turbo_stream.erb +1 -0
  67. data/app/views/trestle/resource/edit.html.erb +4 -2
  68. data/app/views/trestle/resource/index.html.erb +12 -10
  69. data/app/views/trestle/resource/new.html.erb +4 -2
  70. data/app/views/trestle/resource/show.html.erb +4 -2
  71. data/app/views/trestle/resource/update.turbo_stream.erb +5 -0
  72. data/app/views/trestle/shared/_sidebar.html.erb +9 -9
  73. data/config/locales/vi.yml +1 -1
  74. data/frontend/css/components/_alerts.scss +19 -17
  75. data/frontend/css/components/_background.scss +7 -35
  76. data/frontend/css/components/_badges.scss +31 -0
  77. data/frontend/css/components/_breadcrumbs.scss +4 -4
  78. data/frontend/css/components/_buttons.scss +5 -4
  79. data/frontend/css/components/_datepicker.scss +12 -8
  80. data/frontend/css/components/_dropdown.scss +23 -3
  81. data/frontend/css/components/{_fields.scss → _forms.scss} +16 -3
  82. data/frontend/css/components/_media-grid.scss +52 -44
  83. data/frontend/css/components/_modal.scss +33 -4
  84. data/frontend/css/components/_pagination.scss +1 -1
  85. data/frontend/css/components/_photoswipe.scss +8 -0
  86. data/frontend/css/components/_popover.scss +1 -0
  87. data/frontend/css/components/_scopes.scss +1 -1
  88. data/frontend/css/components/_select.scss +161 -31
  89. data/frontend/css/components/_table.scss +60 -65
  90. data/frontend/css/components/_tabs.scss +10 -3
  91. data/frontend/css/components/_tags.scss +71 -16
  92. data/frontend/css/components/_toolbars.scss +18 -31
  93. data/frontend/css/components/_turbo.scss +3 -0
  94. data/frontend/css/core/_bootstrap.scss +46 -0
  95. data/frontend/css/core/_dependencies.scss +4 -3
  96. data/frontend/css/core/_functions.scss +39 -0
  97. data/frontend/css/core/_mixins.scss +3 -40
  98. data/frontend/css/core/_theme.scss +258 -0
  99. data/frontend/css/core/_typography.scss +10 -1
  100. data/frontend/css/icons/_fontawesome.scss +3 -15
  101. data/frontend/css/index.scss +12 -6
  102. data/frontend/css/layout/_base.scss +3 -3
  103. data/frontend/css/layout/_content.scss +11 -7
  104. data/frontend/css/layout/_footer.scss +1 -1
  105. data/frontend/css/layout/_header.scss +5 -3
  106. data/frontend/css/layout/_navigation.scss +2 -2
  107. data/frontend/css/layout/_sidebar.scss +19 -9
  108. data/frontend/css/support/_sprockets.scss +2 -0
  109. data/frontend/css/support/_webpack.scss +2 -0
  110. data/frontend/css/variables/_bootstrap.scss +134 -40
  111. data/frontend/css/variables/_maps.scss +15 -0
  112. data/frontend/css/variables/_trestle.scss +55 -26
  113. data/frontend/js/controllers/application_controller.js +17 -0
  114. data/frontend/js/controllers/checkbox_select_controller.js +43 -0
  115. data/frontend/js/controllers/confirm_controller.js +115 -0
  116. data/frontend/js/controllers/confirm_delete_controller.js +11 -0
  117. data/frontend/js/controllers/datepicker_controller.js +12 -0
  118. data/frontend/js/controllers/datetimepicker_controller.js +13 -0
  119. data/frontend/js/controllers/deprecated/init_controller.js +9 -0
  120. data/frontend/js/controllers/flatpickr_controller.js +50 -0
  121. data/frontend/js/controllers/follow_url_controller.js +36 -0
  122. data/frontend/js/controllers/form_error_controller.js +24 -0
  123. data/frontend/js/controllers/form_loading_controller.js +50 -0
  124. data/frontend/js/controllers/gallery_controller.js +10 -0
  125. data/frontend/js/controllers/index.js +19 -0
  126. data/frontend/js/controllers/keyboard_submit_controller.js +25 -0
  127. data/frontend/js/controllers/lightbox_controller.js +160 -0
  128. data/frontend/js/controllers/mobile_sidebar_controller.js +30 -0
  129. data/frontend/js/controllers/modal_controller.js +36 -0
  130. data/frontend/js/controllers/modal_frame_controller.js +11 -0
  131. data/frontend/js/controllers/modal_trigger_controller.js +74 -0
  132. data/frontend/js/{components/navigation.js → controllers/navigation_controller.js} +14 -10
  133. data/frontend/js/controllers/navigation_tooltip_controller.js +32 -0
  134. data/frontend/js/controllers/popover_controller.js +87 -0
  135. data/frontend/js/controllers/reloadable_controller.js +34 -0
  136. data/frontend/js/controllers/select_controller.js +49 -0
  137. data/frontend/js/controllers/sidebar_controller.js +33 -0
  138. data/frontend/js/controllers/tab_errors_controller.js +45 -0
  139. data/frontend/js/controllers/tabs_controller.js +45 -0
  140. data/frontend/js/controllers/timepicker_controller.js +14 -0
  141. data/frontend/js/controllers/toggle_attr_controller.js +27 -0
  142. data/frontend/js/controllers/toggle_class_controller.js +27 -0
  143. data/frontend/js/controllers/tooltip_controller.js +13 -0
  144. data/frontend/js/controllers/wrapper_controller.js +43 -0
  145. data/frontend/js/core/backdrop.js +100 -0
  146. data/frontend/js/core/error_modal.js +65 -0
  147. data/frontend/js/core/fetch.js +32 -0
  148. data/frontend/js/core/i18n.js +24 -10
  149. data/frontend/js/core/modal.js +52 -0
  150. data/frontend/js/core/stream_actions.js +56 -0
  151. data/frontend/js/core/turbo_errors.js +9 -0
  152. data/frontend/js/{core → deprecated}/events.js +1 -8
  153. data/frontend/js/deprecated/tooltip.js +8 -0
  154. data/frontend/js/index.js +28 -40
  155. data/frontend/js/mixins/index.js +5 -0
  156. data/frontend/js/mixins/photoswipe.js +10 -0
  157. data/frontend/js/util/bootstrap.js +93 -0
  158. data/i18n/config.yml +14 -0
  159. data/i18n/environment.rb +8 -0
  160. data/i18n/export +3 -0
  161. data/i18n/template.erb +1 -0
  162. data/lib/generators/trestle/install/install_generator.rb +3 -8
  163. data/lib/generators/trestle/install/templates/trestle.rb.erb +5 -5
  164. data/lib/trestle/adapters/active_record_adapter.rb +1 -1
  165. data/lib/trestle/admin/builder.rb +7 -0
  166. data/lib/trestle/admin.rb +12 -6
  167. data/lib/trestle/color.rb +113 -0
  168. data/lib/trestle/configurable.rb +2 -2
  169. data/lib/trestle/configuration.rb +16 -8
  170. data/lib/trestle/engine.rb +23 -17
  171. data/lib/trestle/form/automatic.rb +3 -1
  172. data/lib/trestle/form/fields/check_box_helpers.rb +7 -18
  173. data/lib/trestle/form/fields/collection_select.rb +1 -1
  174. data/lib/trestle/form/fields/color_field.rb +4 -0
  175. data/lib/trestle/form/fields/date_field.rb +4 -0
  176. data/lib/trestle/form/fields/date_picker.rb +10 -4
  177. data/lib/trestle/form/fields/date_select.rb +1 -1
  178. data/lib/trestle/form/fields/datetime_field.rb +4 -0
  179. data/lib/trestle/form/fields/datetime_select.rb +1 -1
  180. data/lib/trestle/form/fields/file_field.rb +3 -28
  181. data/lib/trestle/form/fields/form_control.rb +2 -2
  182. data/lib/trestle/form/fields/form_group.rb +1 -1
  183. data/lib/trestle/form/fields/grouped_collection_select.rb +1 -1
  184. data/lib/trestle/form/fields/radio_button_helpers.rb +5 -17
  185. data/lib/trestle/form/fields/range_field.rb +1 -5
  186. data/lib/trestle/form/fields/select.rb +17 -1
  187. data/lib/trestle/form/fields/time_field.rb +4 -0
  188. data/lib/trestle/form/fields/time_select.rb +1 -1
  189. data/lib/trestle/form/fields/time_zone_select.rb +1 -1
  190. data/lib/trestle/form/renderer.rb +3 -0
  191. data/lib/trestle/form.rb +16 -1
  192. data/lib/trestle/hook/helpers.rb +1 -1
  193. data/lib/trestle/reloader.rb +2 -11
  194. data/lib/trestle/resource/builder.rb +1 -8
  195. data/lib/trestle/resource/toolbar.rb +2 -2
  196. data/lib/trestle/resource.rb +2 -2
  197. data/lib/trestle/scopes/block.rb +7 -7
  198. data/lib/trestle/scopes/definition.rb +2 -2
  199. data/lib/trestle/scopes/scope.rb +4 -0
  200. data/lib/trestle/table/actions_column.rb +2 -2
  201. data/lib/trestle/table/row.rb +2 -1
  202. data/lib/trestle/table/select_column.rb +3 -6
  203. data/lib/trestle/table.rb +6 -1
  204. data/lib/trestle/toolbar/item.rb +1 -1
  205. data/lib/trestle/toolbar/menu.rb +3 -6
  206. data/lib/trestle/version.rb +1 -1
  207. data/lib/trestle.rb +3 -20
  208. data/package.json +31 -27
  209. data/trestle.gemspec +9 -10
  210. data/webpack.config.js +18 -11
  211. data/yarn.lock +1934 -2819
  212. metadata +181 -179
  213. data/app/assets/bundle/trestle/bundle.css +0 -12
  214. data/app/assets/bundle/trestle/bundle.js +0 -103
  215. data/app/assets/bundle/trestle/fa-brands-400.eot +0 -0
  216. data/app/assets/bundle/trestle/fa-brands-400.svg +0 -3717
  217. data/app/assets/bundle/trestle/fa-brands-400.woff +0 -0
  218. data/app/assets/bundle/trestle/fa-regular-400.eot +0 -0
  219. data/app/assets/bundle/trestle/fa-regular-400.svg +0 -801
  220. data/app/assets/bundle/trestle/fa-regular-400.woff +0 -0
  221. data/app/assets/bundle/trestle/fa-solid-900.eot +0 -0
  222. data/app/assets/bundle/trestle/fa-solid-900.svg +0 -5034
  223. data/app/assets/bundle/trestle/fa-solid-900.woff +0 -0
  224. data/app/assets/javascripts/trestle/admin.js +0 -3
  225. data/app/assets/javascripts/trestle/i18n.js.erb +0 -8
  226. data/app/assets/stylesheets/trestle/admin.css +0 -2
  227. data/app/assets/stylesheets/trestle/icons/_font-awesome.css.erb +0 -40
  228. data/app/controllers/concerns/trestle/controller/dialog.rb +0 -16
  229. data/app/views/trestle/application/_dialog.html.erb +0 -34
  230. data/frontend/css/components/_color-vars.scss +0 -10
  231. data/frontend/css/components/_custom-forms.scss +0 -35
  232. data/frontend/css/components/_magnific-popup.scss +0 -36
  233. data/frontend/css/components/_turbolinks.scss +0 -3
  234. data/frontend/js/components/confirmation.js +0 -32
  235. data/frontend/js/components/datepicker.js +0 -69
  236. data/frontend/js/components/dialog.js +0 -149
  237. data/frontend/js/components/file.js +0 -7
  238. data/frontend/js/components/form.js +0 -100
  239. data/frontend/js/components/gallery.js +0 -33
  240. data/frontend/js/components/pagination.js +0 -51
  241. data/frontend/js/components/select.js +0 -18
  242. data/frontend/js/components/sidebar.js +0 -75
  243. data/frontend/js/components/table.js +0 -61
  244. data/frontend/js/components/tabs.js +0 -59
  245. data/frontend/js/components/tooltips.js +0 -25
  246. data/frontend/js/core/contexts.js +0 -17
  247. data/frontend/js/core/turbolinks.js +0 -3
  248. data/frontend/js/core/visit.js +0 -16
  249. data/frontend/theme/trestle/_theme.scss +0 -4
  250. data/frontend/theme/trestle/_variables.scss +0 -4
  251. data/frontend/theme/trestle/theme/_defaults.scss +0 -152
  252. data/frontend/theme/trestle/theme/_functions.scss +0 -44
  253. data/frontend/theme/trestle/theme/_variables.scss +0 -15
  254. data/frontend/theme/trestle/theme/bootstrap/_alert.scss +0 -19
  255. data/frontend/theme/trestle/theme/bootstrap/_badge.scss +0 -25
  256. data/frontend/theme/trestle/theme/bootstrap/_buttons.scss +0 -93
  257. data/frontend/theme/trestle/theme/bootstrap/_color-vars.scss +0 -11
  258. data/frontend/theme/trestle/theme/bootstrap/_custom-forms.scss +0 -93
  259. data/frontend/theme/trestle/theme/bootstrap/_dropdown.scss +0 -6
  260. data/frontend/theme/trestle/theme/bootstrap/_forms.scss +0 -6
  261. data/frontend/theme/trestle/theme/bootstrap/_links.scss +0 -7
  262. data/frontend/theme/trestle/theme/bootstrap/_list-group.scss +0 -31
  263. data/frontend/theme/trestle/theme/bootstrap/_nav.scss +0 -6
  264. data/frontend/theme/trestle/theme/bootstrap/_pagination.scss +0 -18
  265. data/frontend/theme/trestle/theme/bootstrap/_progress.scss +0 -3
  266. data/frontend/theme/trestle/theme/bootstrap/_tables.scss +0 -41
  267. data/frontend/theme/trestle/theme/bootstrap/_utilities.scss +0 -3
  268. data/frontend/theme/trestle/theme/bootstrap/utilities/_background.scss +0 -17
  269. data/frontend/theme/trestle/theme/bootstrap/utilities/_borders.scss +0 -5
  270. data/frontend/theme/trestle/theme/bootstrap/utilities/_text.scss +0 -18
  271. data/frontend/theme/trestle/theme/trestle/_background.scss +0 -61
  272. data/frontend/theme/trestle/theme/trestle/_datepicker.scss +0 -58
  273. data/frontend/theme/trestle/theme/trestle/_headers.scss +0 -4
  274. data/frontend/theme/trestle/theme/trestle/_navbar.scss +0 -15
  275. data/frontend/theme/trestle/theme/trestle/_navigation.scss +0 -5
  276. data/frontend/theme/trestle/theme/trestle/_select2.scss +0 -22
  277. data/frontend/theme/trestle/theme/trestle/_tags.scss +0 -12
  278. data/frontend/theme/trestle/theme/trestle/_turbolinks.scss +0 -3
  279. data/frontend/theme/trestle/theme.scss +0 -29
  280. data/lib/generators/trestle/install/templates/_theme.scss +0 -13
  281. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar-dz.js +0 -0
  282. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar.js +0 -0
  283. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/at.js +0 -0
  284. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/az.js +0 -0
  285. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/be.js +0 -0
  286. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bg.js +0 -0
  287. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bn.js +0 -0
  288. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bs.js +0 -0
  289. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cat.js +0 -0
  290. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ckb.js +0 -0
  291. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cs.js +0 -0
  292. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cy.js +0 -0
  293. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/da.js +0 -0
  294. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/de.js +0 -0
  295. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/default.js +0 -0
  296. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/eo.js +0 -0
  297. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/es.js +0 -0
  298. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/et.js +0 -0
  299. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fa.js +0 -0
  300. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fi.js +0 -0
  301. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fo.js +0 -0
  302. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fr.js +0 -0
  303. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ga.js +0 -0
  304. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/gr.js +0 -0
  305. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/he.js +0 -0
  306. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hi.js +0 -0
  307. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hr.js +0 -0
  308. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hu.js +0 -0
  309. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hy.js +0 -0
  310. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/id.js +0 -0
  311. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/is.js +0 -0
  312. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/it.js +0 -0
  313. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ja.js +0 -0
  314. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ka.js +0 -0
  315. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/km.js +0 -0
  316. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ko.js +0 -0
  317. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/kz.js +0 -0
  318. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lt.js +0 -0
  319. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lv.js +0 -0
  320. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mk.js +0 -0
  321. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mn.js +0 -0
  322. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ms.js +0 -0
  323. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/my.js +0 -0
  324. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nl.js +0 -0
  325. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nn.js +0 -0
  326. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/no.js +0 -0
  327. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pa.js +0 -0
  328. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pl.js +0 -0
  329. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pt.js +0 -0
  330. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ro.js +0 -0
  331. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ru.js +0 -0
  332. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/si.js +0 -0
  333. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sk.js +0 -0
  334. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sl.js +0 -0
  335. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sq.js +0 -0
  336. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr-cyr.js +0 -0
  337. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr.js +0 -0
  338. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sv.js +0 -0
  339. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/th.js +0 -0
  340. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/tr.js +0 -0
  341. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uk.js +0 -0
  342. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz.js +0 -0
  343. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz_latn.js +0 -0
  344. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/vn.js +0 -0
  345. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh-tw.js +0 -0
  346. /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh.js +0 -0
  347. /data/app/assets/{stylesheets → sprockets}/trestle/_custom.css +0 -0
@@ -0,0 +1,46 @@
1
+ // Configuration
2
+ // @import "~bootstrap/scss/functions";
3
+ // @import "~bootstrap/scss/variables";
4
+ // @import "~bootstrap/scss/variables-dark";
5
+ @import "~bootstrap/scss/maps";
6
+ @import "~bootstrap/scss/mixins";
7
+ @import "~bootstrap/scss/utilities";
8
+
9
+ // Layout & components
10
+ @import "~bootstrap/scss/root";
11
+ @import "~bootstrap/scss/reboot";
12
+ @import "~bootstrap/scss/type";
13
+ @import "~bootstrap/scss/images";
14
+ @import "~bootstrap/scss/containers";
15
+ @import "~bootstrap/scss/grid";
16
+ @import "~bootstrap/scss/tables";
17
+ @import "~bootstrap/scss/forms";
18
+ @import "~bootstrap/scss/buttons";
19
+ @import "~bootstrap/scss/transitions";
20
+ @import "~bootstrap/scss/dropdown";
21
+ @import "~bootstrap/scss/button-group";
22
+ @import "~bootstrap/scss/nav";
23
+ @import "~bootstrap/scss/navbar";
24
+ @import "~bootstrap/scss/card";
25
+ @import "~bootstrap/scss/accordion";
26
+ @import "~bootstrap/scss/breadcrumb";
27
+ @import "~bootstrap/scss/pagination";
28
+ @import "~bootstrap/scss/badge";
29
+ @import "~bootstrap/scss/alert";
30
+ @import "~bootstrap/scss/progress";
31
+ @import "~bootstrap/scss/list-group";
32
+ @import "~bootstrap/scss/close";
33
+ @import "~bootstrap/scss/toasts";
34
+ @import "~bootstrap/scss/modal";
35
+ @import "~bootstrap/scss/tooltip";
36
+ @import "~bootstrap/scss/popover";
37
+ @import "~bootstrap/scss/carousel";
38
+ @import "~bootstrap/scss/spinners";
39
+ @import "~bootstrap/scss/offcanvas";
40
+ @import "~bootstrap/scss/placeholders";
41
+
42
+ // Helpers
43
+ @import "~bootstrap/scss/helpers";
44
+
45
+ // Utilities
46
+ @import "~bootstrap/scss/utilities/api";
@@ -1,5 +1,6 @@
1
- @import "~bootstrap/scss/bootstrap";
2
- @import "~magnific-popup/dist/magnific-popup";
1
+ @import "./bootstrap";
2
+
3
+ @import "~photoswipe/dist/photoswipe.css";
3
4
  @import "~flatpickr/dist/flatpickr";
4
5
  @import "~select2/src/scss/core";
5
- @import "~select2-theme-bootstrap4/src/select2-bootstrap";
6
+ @import "~select2-bootstrap-5-theme/src/include-all";
@@ -0,0 +1,39 @@
1
+ @use "sass:math";
2
+
3
+ @function soft-shadow($distance: 0.5rem, $blur: 1.5rem, $color: rgba(black, 0.125), $layers: 5, $reduce: math.div($distance, -4)) {
4
+ $val: 0 #{$distance} #{$blur} #{$reduce} #{$color};
5
+
6
+ @for $i from 1 through ($layers - 1) {
7
+ $distance: math.div($distance, 2);
8
+ $blur: math.div($blur, 2);
9
+
10
+ $val: 0 #{$distance} #{$blur} #{$reduce} #{$color}, #{$val};
11
+ }
12
+
13
+ @return $val;
14
+ }
15
+
16
+ @function strip-units($number) {
17
+ @return $number / ($number * 0 + 1);
18
+ }
19
+
20
+ @function em($rem) {
21
+ @return strip-units($rem) * 1em;
22
+ }
23
+
24
+ @function adjust-theme-hsl($name, $hue: null, $saturation: null, $lightness: null, $wrap: true) {
25
+ $hsl:
26
+ adjust-css-value(var(--#{$name}-h), $hue)
27
+ adjust-css-value(var(--#{$name}-s), $saturation)
28
+ adjust-css-value(var(--#{$name}-l), $lightness);
29
+
30
+ @return if($wrap, hsl($hsl), $hsl);
31
+ }
32
+
33
+ @function adjust-css-value($var, $adjustment) {
34
+ @if ($adjustment and $adjustment != 0) {
35
+ @return calc(#{$var} * #{1 + math.div($adjustment, 100%)});
36
+ } @else {
37
+ @return $var;
38
+ }
39
+ }
@@ -8,49 +8,12 @@
8
8
  }
9
9
  }
10
10
 
11
- @mixin aspect-ratio($ratio) {
12
- position: relative;
13
- width: 100%;
14
- height: 0;
15
- padding-bottom: percentage(1 / $ratio);
16
- background-size: 100%;
17
- }
18
-
19
- @mixin fill-area {
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- right: 0;
25
- width: 100%;
26
- height: 100%;
27
- }
28
-
29
- %fa {
30
- font-family: 'Font Awesome 5 Free';
31
- font-weight: 900;
32
- }
33
-
34
11
  @mixin icon-fa($content) {
35
- @extend %fa;
12
+ font-family: 'Font Awesome 6 Free';
13
+ font-weight: 900;
36
14
  content: fa-content($content);
37
15
  }
38
16
 
39
17
  @mixin sr-only {
40
- position: absolute;
41
- width: 1px;
42
- height: 1px;
43
- margin: -1px;
44
- padding: 0;
45
- overflow: hidden;
46
- clip: rect(0, 0, 0, 0);
47
- border: 0;
48
- }
49
-
50
- @function strip-units($number) {
51
- @return $number / ($number * 0 + 1);
52
- }
53
-
54
- @function em($rem) {
55
- @return strip-units($rem) * 1em;
18
+ @include visually-hidden;
56
19
  }
@@ -0,0 +1,258 @@
1
+ @use "sass:color";
2
+
3
+ $theme-colors: (
4
+ "primary": $primary,
5
+ "secondary": $secondary
6
+ );
7
+
8
+ // Theme color variables
9
+
10
+ :root, [data-bs-theme=light] {
11
+ @each $color, $value in $theme-colors {
12
+ --#{$color}: #{$value};
13
+
14
+ --#{$color}-h: #{hue($value)};
15
+ --#{$color}-s: #{saturation($value)};
16
+ --#{$color}-l: #{lightness($value)};
17
+
18
+ --#{$color}-hue: var(--#{$color}-h);
19
+ --#{$color}-saturation: var(--#{$color}-s);
20
+ --#{$color}-lightness: var(--#{$color}-l);
21
+
22
+ --#{$color}-rgb: #{to-rgb($value)};
23
+
24
+ --#{$color}-hsl: var(--#{$color}-h) var(--#{$color}-s) var(--#{$color}-l);
25
+
26
+ --#{$prefix}#{$color}-rgb: var(--#{$color}-rgb);
27
+
28
+ --#{$prefix}#{$color}-text-emphasis: #{adjust-theme-hsl($color, $lightness: -60%)};
29
+ --#{$prefix}#{$color}-bg-subtle: #{adjust-theme-hsl($color, $lightness: 80%)};
30
+ --#{$prefix}#{$color}-border-subtle: #{adjust-theme-hsl($color, $lightness: 60%)};
31
+ }
32
+
33
+ --#{$prefix}link-color: var(--primary);
34
+ --#{$prefix}link-color-rgb: var(--primary-rgb);
35
+ --#{$prefix}link-color-hsl: var(--primary-hsl);
36
+
37
+ --#{$prefix}link-hover-color-hsl: #{adjust-theme-hsl(primary, $lightness: -$link-shade-percentage, $wrap: false)};
38
+ --#{$prefix}link-hover-color: hsl(var(--#{$prefix}link-hover-color-hsl));
39
+ }
40
+
41
+
42
+ // Global styles using primary color
43
+
44
+ a {
45
+ color: hsl(var(--#{$prefix}link-color-hsl) / var(--#{$prefix}link-opacity, 1));
46
+
47
+ &:hover {
48
+ color: hsl(var(--#{$prefix}link-hover-color-hsl) / var(--#{$prefix}link-opacity, 1));
49
+ }
50
+ }
51
+
52
+ .nav-link {
53
+ &:focus-visible {
54
+ box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
55
+ }
56
+ }
57
+
58
+ .btn-link {
59
+ --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}link-color-rgb), .25);
60
+ }
61
+
62
+ .btn-close {
63
+ --#{$prefix}btn-close-focus-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
64
+ }
65
+
66
+ .pagination {
67
+ --#{$prefix}pagination-active-bg: var(--primary);
68
+ --#{$prefix}pagination-active-border-color: var(--primary);
69
+ --#{$prefix}pagination-focus-box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
70
+ }
71
+
72
+ .accordion {
73
+ --#{$prefix}accordion-btn-focus-border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
74
+ --#{$prefix}accordion-btn-focus-box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
75
+ }
76
+
77
+ .form-control,
78
+ .form-check-input,
79
+ .form-select,
80
+ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
81
+ &:focus {
82
+ border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
83
+ box-shadow: 0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
84
+ }
85
+ }
86
+
87
+ .select2-container--bootstrap-5 {
88
+ &.select2-container--focus,
89
+ &.select2-container--open {
90
+ .select2-selection,
91
+ .select2-dropdown {
92
+ border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
93
+ box-shadow: 0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
94
+ }
95
+
96
+ &.select2-container--above,
97
+ &.select2-container--below {
98
+ .tag-select {
99
+ border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
100
+ }
101
+ }
102
+ }
103
+
104
+ .select2-dropdown {
105
+ .select2-results__options {
106
+ .select2-results__option {
107
+ // Highlighted item
108
+ &.select2-results__option--highlighted {
109
+ background-color: rgba(var(--primary-rgb), 0.2);
110
+ }
111
+
112
+ // Selected item
113
+ &.select2-results__option--selected,
114
+ &[aria-selected="true"]:not(.select2-results__option--highlighted) {
115
+ background-color: rgba(var(--primary-rgb), 0.1);
116
+ }
117
+ }
118
+ }
119
+ }
120
+ }
121
+
122
+ .form-check-input {
123
+ &:checked,
124
+ &[type=checkbox]:indeterminate {
125
+ background-color: var(--primary);
126
+ border-color: var(--primary);
127
+ }
128
+ }
129
+
130
+ .form-range {
131
+ &:focus {
132
+ $box-shadow:
133
+ 0 0 0 1px $body-bg,
134
+ 0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
135
+
136
+ &::-webkit-slider-thumb {
137
+ box-shadow: $box-shadow;
138
+ }
139
+
140
+ &::-moz-range-thumb {
141
+ box-shadow: $box-shadow;
142
+ }
143
+ }
144
+
145
+ &::-webkit-slider-thumb {
146
+ background-color: var(--primary);
147
+
148
+ &:active {
149
+ background-color: #{adjust-theme-hsl(primary, $lightness: 70%)};
150
+ }
151
+ }
152
+
153
+ &::-moz-range-thumb {
154
+ background-color: var(--primary);
155
+
156
+ &:active {
157
+ background-color: #{adjust-theme-hsl(primary, $lightness: 70%)};
158
+ }
159
+ }
160
+ }
161
+
162
+ .select2-container--bootstrap-5 {
163
+ .tag-select.select2-selection--multiple {
164
+ .select2-selection__rendered {
165
+ .select2-selection__choice {
166
+ --tag-bg: #{adjust-theme-hsl(primary, $lightness: -$tag-bg-scale)};
167
+ --tag-border-color: var(--primary);
168
+ }
169
+ }
170
+ }
171
+ }
172
+
173
+ .flatpickr-months {
174
+ .flatpickr-prev-month,
175
+ .flatpickr-next-month {
176
+ &:hover svg {
177
+ fill: #{adjust-theme-hsl(primary, $lightness: -50%)};
178
+ }
179
+ }
180
+ }
181
+
182
+
183
+ // Primary and secondary component overrides
184
+
185
+ @each $color, $value in $theme-colors {
186
+ .text-bg-#{$color} {
187
+ background-color: hsl(var(--#{$color}-hsl) / var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
188
+ }
189
+
190
+ .link-#{$color} {
191
+ &:hover,
192
+ &:focus {
193
+ $hover-color: #{adjust-theme-hsl($color, $lightness: -$link-shade-percentage, $wrap: false)};
194
+ color: hsl($hover-color / var(--#{$prefix}link-opacity, 1));
195
+ text-decoration-color: hsl($hover-color / var(--#{$prefix}link-underline-opacity, 1));
196
+ }
197
+ }
198
+
199
+ .btn-#{$color} {
200
+ --#{$prefix}btn-bg: var(--#{$color});
201
+ --#{$prefix}btn-border-color: var(--#{$color});
202
+
203
+ --#{$prefix}btn-hover-bg: #{adjust-theme-hsl($color, $lightness: -$btn-hover-bg-shade-amount)};
204
+ --#{$prefix}btn-hover-border-color: #{adjust-theme-hsl($color, $lightness: -$btn-hover-border-shade-amount)};
205
+
206
+ --#{$prefix}btn-active-bg: #{adjust-theme-hsl($color, $lightness: -$btn-active-bg-shade-amount)};
207
+ --#{$prefix}btn-active-border-color: #{adjust-theme-hsl($color, $lightness: -$btn-active-border-shade-amount)};
208
+
209
+ --#{$prefix}btn-disabled-bg: var(--#{$color});
210
+ --#{$prefix}btn-disabled-border-color: var(--#{$color});
211
+
212
+ --#{$prefix}btn-focus-shadow-rgb: var(--#{$color}-rgb);
213
+ --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .25);
214
+ }
215
+
216
+ .btn-outline-#{$color} {
217
+ --#{$prefix}btn-color: var(--#{$color});
218
+ --#{$prefix}btn-border-color: var(--#{$color});
219
+
220
+ --#{$prefix}btn-hover-bg: var(--#{$color});
221
+ --#{$prefix}btn-hover-border-color: var(--#{$color});
222
+
223
+ --#{$prefix}btn-active-bg: var(--#{$color});
224
+ --#{$prefix}btn-active-border-color: var(--#{$color});
225
+
226
+ --#{$prefix}btn-disabled-color: var(--#{$color});
227
+ --#{$prefix}btn-disabled-border-color: var(--#{$color});
228
+
229
+ --#{$prefix}btn-focus-shadow-rgb: var(--#{$color}-rgb);
230
+ --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .25);
231
+ }
232
+
233
+ .alert-#{$color} {
234
+ --#{$prefix}alert-bg: #{adjust-theme-hsl($color, $saturation: -40%, $lightness: 10%)};
235
+ --#{$prefix}alert-border-color: #{adjust-theme-hsl($color, $saturation: -20%, $lightness: -10%)};
236
+ }
237
+
238
+ .badge-#{$color} {
239
+ --#{$prefix}badge-bg: var(--#{$color});
240
+ --#{$prefix}badge-hover-bg: #{adjust-theme-hsl($color, $lightness: -$badge-hover-scale)};
241
+ }
242
+
243
+ .table-#{$color} {
244
+ --#{$prefix}table-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale)};
245
+ --#{$prefix}table-border-color: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-border-factor))};
246
+ --#{$prefix}table-striped-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-striped-bg-factor))};
247
+ --#{$prefix}table-active-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-active-bg-factor))};
248
+ --#{$prefix}table-hover-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-hover-bg-factor))};
249
+ }
250
+
251
+ .tag-#{$color} {
252
+ --tag-bg: #{adjust-theme-hsl($color, $lightness: -$tag-bg-scale)};
253
+ --tag-border-color: var(--#{$color});
254
+
255
+ --tag-hover-bg: #{adjust-theme-hsl($color, $lightness: -$tag-hover-bg-scale)};
256
+ --tag-hover-border-color: #{adjust-theme-hsl($color, $lightness: -$tag-hover-border-scale)};
257
+ }
258
+ }
@@ -27,12 +27,21 @@ img {
27
27
  }
28
28
  }
29
29
 
30
+ .main-content-header {
31
+ h1, .h1 { font-size: $h1-font-size * $header-font-size-scale; }
32
+ h2, .h2 { font-size: $h2-font-size * $header-font-size-scale; }
33
+ h3, .h3 { font-size: $h3-font-size * $header-font-size-scale; }
34
+ h4, .h4 { font-size: $h4-font-size * $header-font-size-scale; }
35
+ h5, .h5 { font-size: $h5-font-size * $header-font-size-scale; }
36
+ h6, .h6 { font-size: $h6-font-size * $header-font-size-scale; }
37
+ }
38
+
30
39
  .main-content-sidebar {
31
40
  font-size: 1rem * $sidebar-font-size-scale;
32
41
 
33
42
  h1, h2, h3, h4, h5, h6,
34
43
  .h1, .h2, .h3, .h4, .h5, .h6 {
35
- border-bottom: 1px solid $hr-border-color;
44
+ border-bottom: $headings-border;
36
45
  padding-bottom: 0.325rem;
37
46
 
38
47
  &:not(:first-child) {
@@ -1,18 +1,6 @@
1
1
  $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
2
2
  @import "~@fortawesome/fontawesome-free/scss/fontawesome";
3
+ @import "~@fortawesome/fontawesome-free/scss/regular";
4
+ @import "~@fortawesome/fontawesome-free/scss/solid";
5
+ @import "~@fortawesome/fontawesome-free/scss/brands";
3
6
  @import "~@fortawesome/fontawesome-free/scss/v4-shims";
4
-
5
- .far {
6
- font-family: 'Font Awesome 5 Free';
7
- font-weight: 400;
8
- }
9
-
10
- .fa,
11
- .fas {
12
- font-family: 'Font Awesome 5 Free';
13
- font-weight: 900;
14
- }
15
-
16
- .fab {
17
- font-family: 'Font Awesome 5 Brands';
18
- }
@@ -2,12 +2,16 @@
2
2
 
3
3
  // Mixins & functions
4
4
  @import "~bootstrap/scss/functions";
5
+ @import "core/functions";
5
6
  @import "core/mixins";
6
7
 
7
8
  // Variables
8
9
  @import "variables/bootstrap";
9
- @import "variables/trestle";
10
10
  @import "~bootstrap/scss/variables";
11
+ @import "~bootstrap/scss/variables-dark";
12
+ @import "variables/maps";
13
+
14
+ @import "variables/trestle";
11
15
 
12
16
  // Icons
13
17
  @import "icons/fontawesome";
@@ -25,20 +29,19 @@
25
29
  @import "layout/content";
26
30
 
27
31
  // Components
28
- @import "components/color-vars";
29
32
  @import "components/alerts";
30
33
  @import "components/avatar";
31
34
  @import "components/background";
35
+ @import "components/badges";
32
36
  @import "components/breadcrumbs";
33
37
  @import "components/buttons";
34
- @import "components/custom-forms";
35
38
  @import "components/datepicker";
36
39
  @import "components/dropdown";
37
- @import "components/fields";
38
- @import "components/magnific-popup";
40
+ @import "components/forms";
39
41
  @import "components/media-grid";
40
42
  @import "components/modal";
41
43
  @import "components/pagination";
44
+ @import "components/photoswipe";
42
45
  @import "components/popover";
43
46
  @import "components/scopes";
44
47
  @import "components/select";
@@ -48,4 +51,7 @@
48
51
  @import "components/tags";
49
52
  @import "components/timestamp";
50
53
  @import "components/toolbars";
51
- @import "components/turbolinks";
54
+ @import "components/turbo";
55
+
56
+ // Theming
57
+ @import "core/theme";
@@ -1,5 +1,5 @@
1
1
  html, body {
2
- min-height: 100%;
2
+ min-height: 100vh;
3
3
  height: 100%;
4
4
  }
5
5
 
@@ -43,8 +43,8 @@ body {
43
43
  flex-direction: column;
44
44
  }
45
45
 
46
- @include media-breakpoint-down(sm) {
47
- body {
46
+ @include media-breakpoint-down(md) {
47
+ html, body {
48
48
  height: auto;
49
49
  }
50
50
 
@@ -12,7 +12,7 @@
12
12
  margin-top: 0;
13
13
  margin-bottom: 0.5rem;
14
14
 
15
- @include media-breakpoint-down(sm) {
15
+ @include media-breakpoint-down(md) {
16
16
  font-size: 2.25rem;
17
17
  }
18
18
  }
@@ -24,7 +24,7 @@
24
24
  .content-header-title {
25
25
  margin: 5px 0;
26
26
 
27
- @include media-breakpoint-down(sm) {
27
+ @include media-breakpoint-down(md) {
28
28
  margin: 2px 0;
29
29
  }
30
30
  }
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .btn-toolbar {
37
- justify-content: flex-end;
37
+ flex-direction: row-reverse;
38
38
  }
39
39
 
40
40
  .secondary-toolbar {
@@ -44,6 +44,7 @@
44
44
 
45
45
  .main-content-area {
46
46
  margin: 20px;
47
+ scroll-margin: 20px;
47
48
  }
48
49
 
49
50
  .main-content-container {
@@ -110,13 +111,15 @@
110
111
  }
111
112
 
112
113
  .error-iframe {
114
+ display: block;
115
+ width: 100%;
113
116
  border: 0;
114
117
  flex: 1;
115
- width: 100%;
116
- min-height: 400px;
118
+ min-height: 60vh;
119
+ max-height: 75vh;
117
120
  }
118
121
 
119
- @include media-breakpoint-down(md) {
122
+ @include media-breakpoint-down(lg) {
120
123
  .main-content-container {
121
124
  flex-direction: column;
122
125
  }
@@ -127,13 +130,14 @@
127
130
  }
128
131
  }
129
132
 
130
- @include media-breakpoint-down(sm) {
133
+ @include media-breakpoint-down(md) {
131
134
  .content-header {
132
135
  padding: 10px;
133
136
  }
134
137
 
135
138
  .main-content-area {
136
139
  margin: 10px;
140
+ scroll-margin: 10px;
137
141
  }
138
142
 
139
143
  .main-content-container {
@@ -11,7 +11,7 @@
11
11
  justify-content: space-between;
12
12
  }
13
13
 
14
- @include media-breakpoint-down(sm) {
14
+ @include media-breakpoint-down(md) {
15
15
  .app-footer {
16
16
  padding-left: 10px;
17
17
  padding-right: 10px;
@@ -1,3 +1,5 @@
1
+ @use "sass:math";
2
+
1
3
  .app-header {
2
4
  flex: 0 0 $header-height;
3
5
  height: $header-height;
@@ -12,12 +14,12 @@
12
14
  background: $header-bg;
13
15
  }
14
16
 
15
- @include media-breakpoint-down(sm) {
17
+ @include media-breakpoint-down(md) {
16
18
  .app-header {
17
19
  margin-top: -$header-height;
18
20
 
19
- padding-left: $grid-gutter-width / 2;
20
- padding-right: $grid-gutter-width / 2;
21
+ padding-left: math.div($grid-gutter-width, 2);
22
+ padding-right: math.div($grid-gutter-width, 2);
21
23
 
22
24
  // Hide all elements by default
23
25
  > * {
@@ -69,7 +69,7 @@
69
69
  }
70
70
 
71
71
  .active a {
72
- border-left: $sidebar-active-border solid theme-color("primary");
72
+ border-left: $sidebar-active-border solid var(--primary);
73
73
  padding-left: 18px - $sidebar-active-border;
74
74
 
75
75
  background: $sidebar-active-bg;
@@ -127,7 +127,7 @@
127
127
  }
128
128
  }
129
129
 
130
- @include media-breakpoint-between(md, lg) {
130
+ @include media-breakpoint-between(md, xl) {
131
131
  .nav-tooltip {
132
132
  display: block !important;
133
133
  }