trestle 0.9.9 → 0.10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/workflows/release.yml +26 -0
- data/.github/workflows/rspec.yml +37 -5
- data/.gitignore +3 -0
- data/Gemfile +14 -1
- data/README.md +3 -2
- data/app/assets/bundle/trestle/admin.css +23 -0
- data/app/assets/bundle/trestle/admin.js +83 -0
- data/app/assets/bundle/trestle/fa-brands-400.ttf +0 -0
- data/app/assets/bundle/trestle/fa-brands-400.woff2 +0 -0
- data/app/assets/bundle/trestle/fa-regular-400.ttf +0 -0
- data/app/assets/bundle/trestle/fa-regular-400.woff2 +0 -0
- data/app/assets/bundle/trestle/fa-solid-900.ttf +0 -0
- data/app/assets/bundle/trestle/fa-solid-900.woff2 +0 -0
- data/app/assets/bundle/trestle/locale/cs.js +110 -0
- data/app/assets/bundle/trestle/locale/de.js +116 -0
- data/app/assets/bundle/trestle/locale/en.js +329 -0
- data/app/assets/bundle/trestle/locale/es-MX.js +109 -0
- data/app/assets/bundle/trestle/locale/es.js +109 -0
- data/app/assets/bundle/trestle/locale/fr.js +111 -0
- data/app/assets/bundle/trestle/locale/ko.js +111 -0
- data/app/assets/bundle/trestle/locale/lv.js +109 -0
- data/app/assets/bundle/trestle/locale/nl.js +96 -0
- data/app/assets/bundle/trestle/locale/pl.js +99 -0
- data/app/assets/bundle/trestle/locale/pt-BR.js +98 -0
- data/app/assets/bundle/trestle/locale/vi.js +116 -0
- data/app/assets/bundle/trestle/locale/zh-CN.js +109 -0
- data/app/assets/bundle/trestle/photoswipe-063ce7be40e10b3e6848.digested.js +6 -0
- data/app/assets/sprockets/trestle/custom.css +1 -0
- data/app/assets/sprockets/trestle/icons/font-awesome.css.erb +32 -0
- data/app/assets/sprockets/trestle/manifest.js +4 -0
- data/app/assets/stylesheets/trestle/custom.css +6 -1
- data/app/controllers/concerns/trestle/controller/helpers.rb +2 -0
- data/app/controllers/concerns/trestle/controller/location.rb +1 -6
- data/app/controllers/concerns/trestle/controller/modal.rb +25 -0
- data/app/controllers/concerns/trestle/controller/turbo_stream.rb +12 -0
- data/app/controllers/concerns/trestle/resource/controller/actions.rb +39 -28
- data/app/controllers/concerns/trestle/resource/controller/redirection.rb +5 -5
- data/app/controllers/trestle/application_controller.rb +2 -1
- data/app/helpers/trestle/flash_helper.rb +10 -0
- data/app/helpers/trestle/form_helper.rb +3 -2
- data/app/helpers/trestle/format_helper.rb +2 -1
- data/app/helpers/trestle/i18n_helper.rb +46 -7
- data/app/helpers/trestle/modal_helper.rb +29 -0
- data/app/helpers/trestle/tab_helper.rb +1 -1
- data/app/helpers/trestle/turbo/frame_helper.rb +29 -0
- data/app/helpers/trestle/turbo/stream_helper.rb +9 -0
- data/app/helpers/trestle/turbo/tag_builder.rb +21 -0
- data/app/helpers/trestle/url_helper.rb +7 -4
- data/app/views/layouts/trestle/admin.html.erb +16 -18
- data/app/views/layouts/trestle/admin.turbo_stream.erb +4 -0
- data/app/views/layouts/trestle/modal.html.erb +5 -0
- data/app/views/trestle/_i18n.html.erb +12 -0
- data/app/views/trestle/_theme.html.erb +15 -0
- data/app/views/trestle/application/_header.html.erb +12 -10
- data/app/views/trestle/application/_layout.html.erb +6 -3
- data/app/views/trestle/application/_modal.html.erb +36 -0
- data/app/views/trestle/application/_tabs.html.erb +4 -4
- data/app/views/trestle/flash/_alert.html.erb +1 -1
- data/app/views/trestle/flash/_debug.html.erb +1 -1
- data/app/views/trestle/resource/_form.html.erb +5 -0
- data/app/views/trestle/resource/create.turbo_stream.erb +1 -0
- data/app/views/trestle/resource/destroy.turbo_stream.erb +1 -0
- data/app/views/trestle/resource/edit.html.erb +6 -2
- data/app/views/trestle/resource/index.html.erb +17 -10
- data/app/views/trestle/resource/new.html.erb +9 -2
- data/app/views/trestle/resource/show.html.erb +6 -2
- data/app/views/trestle/resource/update.turbo_stream.erb +1 -0
- data/app/views/trestle/shared/_sidebar.html.erb +10 -10
- data/frontend/css/components/_alerts.scss +41 -37
- data/frontend/css/components/_avatar.scss +12 -12
- data/frontend/css/components/_background.scss +8 -36
- data/frontend/css/components/_badges.scss +31 -0
- data/frontend/css/components/_breadcrumbs.scss +9 -30
- data/frontend/css/components/_buttons.scss +8 -7
- data/frontend/css/components/_datepicker.scss +15 -11
- data/frontend/css/components/_dropdown.scss +21 -9
- data/frontend/css/components/{_fields.scss → _forms.scss} +18 -5
- data/frontend/css/components/_grid.scss +29 -0
- data/frontend/css/components/_media-grid.scss +52 -44
- data/frontend/css/components/_modal.scss +37 -8
- data/frontend/css/components/_pagination.scss +5 -9
- data/frontend/css/components/_photoswipe.scss +8 -0
- data/frontend/css/components/_popover.scss +2 -1
- data/frontend/css/components/_scopes.scss +5 -11
- data/frontend/css/components/_select.scss +160 -31
- data/frontend/css/components/_sort.scss +1 -1
- data/frontend/css/components/_table.scss +61 -66
- data/frontend/css/components/_tabs.scss +20 -20
- data/frontend/css/components/_tags.scss +80 -15
- data/frontend/css/components/_toolbars.scss +18 -13
- data/frontend/css/components/_turbo.scss +3 -0
- data/frontend/css/core/_bootstrap.scss +46 -0
- data/frontend/css/core/_dependencies.scss +4 -3
- data/frontend/css/core/_functions.scss +31 -0
- data/frontend/css/core/_mixins.scss +2 -36
- data/frontend/css/core/_theme.scss +261 -0
- data/frontend/css/core/_typography.scss +16 -14
- data/frontend/css/icons/_fontawesome.scss +3 -15
- data/frontend/css/index.scss +15 -7
- data/frontend/css/layout/_base.scss +6 -4
- data/frontend/css/layout/_content-header.scss +71 -0
- data/frontend/css/layout/_footer.scss +5 -7
- data/frontend/css/layout/_header.scss +5 -3
- data/frontend/css/layout/_main-content.scss +107 -0
- data/frontend/css/layout/_navigation.scss +112 -50
- data/frontend/css/layout/_sidebar.scss +72 -36
- data/frontend/css/support/_sprockets.scss +2 -0
- data/frontend/css/support/_webpack.scss +2 -0
- data/frontend/css/variables/_bootstrap.scss +158 -55
- data/frontend/css/variables/_maps.scss +15 -0
- data/frontend/css/variables/_trestle.scss +70 -38
- data/frontend/js/controllers/application_controller.js +17 -0
- data/frontend/js/controllers/batch_action_controller.js +59 -0
- data/frontend/js/controllers/checkbox_select_controller.js +46 -0
- data/frontend/js/controllers/confirm_controller.js +115 -0
- data/frontend/js/controllers/confirm_delete_controller.js +11 -0
- data/frontend/js/controllers/datepicker_controller.js +12 -0
- data/frontend/js/controllers/datetimepicker_controller.js +13 -0
- data/frontend/js/controllers/deprecated/init_controller.js +9 -0
- data/frontend/js/controllers/flatpickr_controller.js +50 -0
- data/frontend/js/controllers/follow_url_controller.js +36 -0
- data/frontend/js/controllers/form_error_controller.js +24 -0
- data/frontend/js/controllers/form_loading_controller.js +50 -0
- data/frontend/js/controllers/gallery_controller.js +12 -0
- data/frontend/js/controllers/index.js +19 -0
- data/frontend/js/controllers/keyboard_submit_controller.js +25 -0
- data/frontend/js/controllers/lightbox_controller.js +158 -0
- data/frontend/js/controllers/mobile_sidebar_controller.js +30 -0
- data/frontend/js/controllers/modal_controller.js +36 -0
- data/frontend/js/controllers/modal_frame_controller.js +11 -0
- data/frontend/js/controllers/modal_trigger_controller.js +74 -0
- data/frontend/js/{components/navigation.js → controllers/navigation_controller.js} +14 -10
- data/frontend/js/controllers/navigation_tooltip_controller.js +32 -0
- data/frontend/js/controllers/popover_controller.js +87 -0
- data/frontend/js/controllers/reloadable_controller.js +34 -0
- data/frontend/js/controllers/select_controller.js +49 -0
- data/frontend/js/controllers/sidebar_controller.js +33 -0
- data/frontend/js/controllers/tab_errors_controller.js +45 -0
- data/frontend/js/controllers/tabs_controller.js +45 -0
- data/frontend/js/controllers/timepicker_controller.js +14 -0
- data/frontend/js/controllers/toggle_attr_controller.js +27 -0
- data/frontend/js/controllers/toggle_class_controller.js +27 -0
- data/frontend/js/controllers/tooltip_controller.js +13 -0
- data/frontend/js/controllers/wrapper_controller.js +43 -0
- data/frontend/js/core/backdrop.js +100 -0
- data/frontend/js/core/error_modal.js +65 -0
- data/frontend/js/core/fetch.js +32 -0
- data/frontend/js/core/i18n.js +24 -10
- data/frontend/js/core/modal.js +52 -0
- data/frontend/js/core/stream_actions.js +56 -0
- data/frontend/js/core/turbo_errors.js +9 -0
- data/frontend/js/{core → deprecated}/events.js +1 -8
- data/frontend/js/deprecated/tooltip.js +8 -0
- data/frontend/js/index.js +28 -40
- data/frontend/js/mixins/index.js +5 -0
- data/frontend/js/mixins/photoswipe.js +10 -0
- data/frontend/js/util/bootstrap.js +93 -0
- data/i18n/config.yml +14 -0
- data/i18n/environment.rb +8 -0
- data/i18n/export +3 -0
- data/i18n/template.erb +1 -0
- data/lib/generators/trestle/install/install_generator.rb +3 -8
- data/lib/generators/trestle/install/templates/trestle.rb.erb +5 -5
- data/lib/trestle/color.rb +113 -0
- data/lib/trestle/configuration.rb +16 -8
- data/lib/trestle/engine.rb +28 -20
- data/lib/trestle/form/fields/check_box_helpers.rb +7 -18
- data/lib/trestle/form/fields/collection_select.rb +1 -1
- data/lib/trestle/form/fields/color_field.rb +4 -0
- data/lib/trestle/form/fields/date_field.rb +4 -0
- data/lib/trestle/form/fields/date_picker.rb +10 -4
- data/lib/trestle/form/fields/date_select.rb +1 -1
- data/lib/trestle/form/fields/datetime_field.rb +4 -0
- data/lib/trestle/form/fields/datetime_select.rb +1 -1
- data/lib/trestle/form/fields/file_field.rb +3 -28
- data/lib/trestle/form/fields/form_control.rb +2 -2
- data/lib/trestle/form/fields/form_group.rb +1 -1
- data/lib/trestle/form/fields/grouped_collection_select.rb +1 -1
- data/lib/trestle/form/fields/radio_button_helpers.rb +5 -17
- data/lib/trestle/form/fields/range_field.rb +1 -5
- data/lib/trestle/form/fields/select.rb +17 -1
- data/lib/trestle/form/fields/time_field.rb +4 -0
- data/lib/trestle/form/fields/time_select.rb +1 -1
- data/lib/trestle/form/fields/time_zone_select.rb +1 -1
- data/lib/trestle/form/renderer.rb +4 -1
- data/lib/trestle/form.rb +16 -1
- data/lib/trestle/resource/toolbar.rb +18 -8
- data/lib/trestle/sprockets_compressor.rb +16 -0
- data/lib/trestle/table/actions_column.rb +2 -2
- data/lib/trestle/table/row.rb +2 -1
- data/lib/trestle/table/select_column.rb +3 -6
- data/lib/trestle/table.rb +6 -1
- data/lib/trestle/toolbar/context.rb +7 -4
- data/lib/trestle/toolbar/item.rb +1 -1
- data/lib/trestle/toolbar/menu.rb +11 -11
- data/lib/trestle/version.rb +1 -1
- data/lib/trestle.rb +2 -23
- data/package.json +31 -27
- data/trestle.gemspec +6 -11
- data/webpack.config.js +10 -10
- data/yarn.lock +1523 -1274
- metadata +177 -210
- data/app/assets/bundle/trestle/bundle.css +0 -12
- data/app/assets/bundle/trestle/bundle.js +0 -89
- data/app/assets/bundle/trestle/fa-brands-400.eot +0 -0
- data/app/assets/bundle/trestle/fa-brands-400.svg +0 -3717
- data/app/assets/bundle/trestle/fa-brands-400.woff +0 -0
- data/app/assets/bundle/trestle/fa-regular-400.eot +0 -0
- data/app/assets/bundle/trestle/fa-regular-400.svg +0 -801
- data/app/assets/bundle/trestle/fa-regular-400.woff +0 -0
- data/app/assets/bundle/trestle/fa-solid-900.eot +0 -0
- data/app/assets/bundle/trestle/fa-solid-900.svg +0 -5034
- data/app/assets/bundle/trestle/fa-solid-900.woff +0 -0
- data/app/assets/javascripts/trestle/admin.js +0 -3
- data/app/assets/javascripts/trestle/i18n.js.erb +0 -8
- data/app/assets/stylesheets/trestle/admin.css +0 -2
- data/app/assets/stylesheets/trestle/icons/_font-awesome.css.erb +0 -40
- data/app/controllers/concerns/trestle/controller/dialog.rb +0 -16
- data/app/views/trestle/application/_dialog.html.erb +0 -34
- data/frontend/css/components/_color-vars.scss +0 -10
- data/frontend/css/components/_custom-forms.scss +0 -35
- data/frontend/css/components/_magnific-popup.scss +0 -36
- data/frontend/css/components/_turbolinks.scss +0 -3
- data/frontend/css/layout/_content.scss +0 -169
- data/frontend/js/components/confirmation.js +0 -32
- data/frontend/js/components/datepicker.js +0 -69
- data/frontend/js/components/dialog.js +0 -149
- data/frontend/js/components/file.js +0 -7
- data/frontend/js/components/form.js +0 -100
- data/frontend/js/components/gallery.js +0 -33
- data/frontend/js/components/pagination.js +0 -51
- data/frontend/js/components/select.js +0 -18
- data/frontend/js/components/sidebar.js +0 -75
- data/frontend/js/components/table.js +0 -61
- data/frontend/js/components/tabs.js +0 -59
- data/frontend/js/components/tooltips.js +0 -25
- data/frontend/js/core/contexts.js +0 -17
- data/frontend/js/core/turbolinks.js +0 -3
- data/frontend/js/core/visit.js +0 -16
- data/frontend/theme/trestle/_theme.scss +0 -4
- data/frontend/theme/trestle/_variables.scss +0 -4
- data/frontend/theme/trestle/theme/_defaults.scss +0 -152
- data/frontend/theme/trestle/theme/_functions.scss +0 -44
- data/frontend/theme/trestle/theme/_variables.scss +0 -15
- data/frontend/theme/trestle/theme/bootstrap/_alert.scss +0 -19
- data/frontend/theme/trestle/theme/bootstrap/_badge.scss +0 -25
- data/frontend/theme/trestle/theme/bootstrap/_buttons.scss +0 -93
- data/frontend/theme/trestle/theme/bootstrap/_color-vars.scss +0 -11
- data/frontend/theme/trestle/theme/bootstrap/_custom-forms.scss +0 -93
- data/frontend/theme/trestle/theme/bootstrap/_dropdown.scss +0 -6
- data/frontend/theme/trestle/theme/bootstrap/_forms.scss +0 -6
- data/frontend/theme/trestle/theme/bootstrap/_links.scss +0 -7
- data/frontend/theme/trestle/theme/bootstrap/_list-group.scss +0 -31
- data/frontend/theme/trestle/theme/bootstrap/_nav.scss +0 -6
- data/frontend/theme/trestle/theme/bootstrap/_pagination.scss +0 -18
- data/frontend/theme/trestle/theme/bootstrap/_progress.scss +0 -3
- data/frontend/theme/trestle/theme/bootstrap/_tables.scss +0 -41
- data/frontend/theme/trestle/theme/bootstrap/_utilities.scss +0 -3
- data/frontend/theme/trestle/theme/bootstrap/utilities/_background.scss +0 -17
- data/frontend/theme/trestle/theme/bootstrap/utilities/_borders.scss +0 -5
- data/frontend/theme/trestle/theme/bootstrap/utilities/_text.scss +0 -18
- data/frontend/theme/trestle/theme/trestle/_background.scss +0 -61
- data/frontend/theme/trestle/theme/trestle/_datepicker.scss +0 -58
- data/frontend/theme/trestle/theme/trestle/_headers.scss +0 -4
- data/frontend/theme/trestle/theme/trestle/_navbar.scss +0 -15
- data/frontend/theme/trestle/theme/trestle/_navigation.scss +0 -5
- data/frontend/theme/trestle/theme/trestle/_select2.scss +0 -22
- data/frontend/theme/trestle/theme/trestle/_tags.scss +0 -12
- data/frontend/theme/trestle/theme/trestle/_turbolinks.scss +0 -3
- data/frontend/theme/trestle/theme.scss +0 -29
- data/lib/generators/trestle/install/templates/_theme.scss +0 -13
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar-dz.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ar.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/at.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/az.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/be.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bg.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bn.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/bs.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cat.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ckb.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cs.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/cy.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/da.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/de.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/default.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/eo.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/es.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/et.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fa.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fi.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fo.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/fr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ga.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/gr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/he.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hi.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hu.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/hy.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/id.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/is.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/it.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ja.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ka.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/km.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ko.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/kz.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lt.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/lv.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mk.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/mn.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ms.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/my.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nl.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/nn.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/no.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pa.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pl.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/pt.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ro.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/ru.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/si.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sk.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sl.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sq.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr-cyr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/sv.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/th.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/tr.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uk.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/uz_latn.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/vn.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh-tw.js +0 -0
- /data/app/assets/bundle/trestle/{flatpickr → locale/flatpickr}/zh.js +0 -0
- /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 "
|
2
|
-
|
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
|
6
|
+
@import "~select2-bootstrap-5-theme/src/include-all";
|
@@ -0,0 +1,31 @@
|
|
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 adjust-theme-hsl($name, $hue: null, $saturation: null, $lightness: null, $wrap: true) {
|
17
|
+
$hsl:
|
18
|
+
adjust-css-value(var(--#{$name}-h), $hue)
|
19
|
+
adjust-css-value(var(--#{$name}-s), $saturation)
|
20
|
+
adjust-css-value(var(--#{$name}-l), $lightness);
|
21
|
+
|
22
|
+
@return if($wrap, hsl($hsl), $hsl);
|
23
|
+
}
|
24
|
+
|
25
|
+
@function adjust-css-value($var, $adjustment) {
|
26
|
+
@if ($adjustment and $adjustment != 0) {
|
27
|
+
@return calc(#{$var} * #{1 + math.div($adjustment, 100%)});
|
28
|
+
} @else {
|
29
|
+
@return $var;
|
30
|
+
}
|
31
|
+
}
|
@@ -8,46 +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
11
|
@mixin icon-fa($content) {
|
30
|
-
font-family: 'Font Awesome
|
12
|
+
font-family: 'Font Awesome 6 Free';
|
31
13
|
font-weight: 900;
|
32
|
-
|
33
14
|
content: fa-content($content);
|
34
15
|
}
|
35
16
|
|
36
17
|
@mixin sr-only {
|
37
|
-
|
38
|
-
width: 1px;
|
39
|
-
height: 1px;
|
40
|
-
margin: -1px;
|
41
|
-
padding: 0;
|
42
|
-
overflow: hidden;
|
43
|
-
clip: rect(0, 0, 0, 0);
|
44
|
-
border: 0;
|
45
|
-
}
|
46
|
-
|
47
|
-
@function strip-units($number) {
|
48
|
-
@return $number / ($number * 0 + 1);
|
49
|
-
}
|
50
|
-
|
51
|
-
@function em($rem) {
|
52
|
-
@return strip-units($rem) * 1em;
|
18
|
+
@include visually-hidden;
|
53
19
|
}
|
@@ -0,0 +1,261 @@
|
|
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
|
+
--theme-texture: url(../images/bright-squares.png);
|
34
|
+
--theme-gradient: #{linear-gradient(rgba(white, 0.05), rgba(black, 0.05))};
|
35
|
+
|
36
|
+
--#{$prefix}link-color: var(--primary);
|
37
|
+
--#{$prefix}link-color-rgb: var(--primary-rgb);
|
38
|
+
--#{$prefix}link-color-hsl: var(--primary-hsl);
|
39
|
+
|
40
|
+
--#{$prefix}link-hover-color-hsl: #{adjust-theme-hsl(primary, $lightness: -$link-shade-percentage, $wrap: false)};
|
41
|
+
--#{$prefix}link-hover-color: hsl(var(--#{$prefix}link-hover-color-hsl));
|
42
|
+
}
|
43
|
+
|
44
|
+
|
45
|
+
// Global styles using primary color
|
46
|
+
|
47
|
+
a {
|
48
|
+
color: hsl(var(--#{$prefix}link-color-hsl) / var(--#{$prefix}link-opacity, 1));
|
49
|
+
|
50
|
+
&:hover {
|
51
|
+
color: hsl(var(--#{$prefix}link-hover-color-hsl) / var(--#{$prefix}link-opacity, 1));
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
.nav-link {
|
56
|
+
&:focus-visible {
|
57
|
+
box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
.btn-link {
|
62
|
+
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}link-color-rgb), .25);
|
63
|
+
}
|
64
|
+
|
65
|
+
.btn-close {
|
66
|
+
--#{$prefix}btn-close-focus-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
67
|
+
}
|
68
|
+
|
69
|
+
.pagination {
|
70
|
+
--#{$prefix}pagination-active-bg: var(--primary);
|
71
|
+
--#{$prefix}pagination-active-border-color: var(--primary);
|
72
|
+
--#{$prefix}pagination-focus-box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
73
|
+
}
|
74
|
+
|
75
|
+
.accordion {
|
76
|
+
--#{$prefix}accordion-btn-focus-border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
|
77
|
+
--#{$prefix}accordion-btn-focus-box-shadow: 0 0 #{$focus-ring-blur} #{$focus-ring-width} rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
78
|
+
}
|
79
|
+
|
80
|
+
.form-control,
|
81
|
+
.form-check-input,
|
82
|
+
.form-select,
|
83
|
+
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
|
84
|
+
&:focus {
|
85
|
+
border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
|
86
|
+
box-shadow: 0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
.select2-container--bootstrap-5 {
|
91
|
+
&.select2-container--focus,
|
92
|
+
&.select2-container--open {
|
93
|
+
.select2-selection,
|
94
|
+
.select2-dropdown {
|
95
|
+
border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
|
96
|
+
box-shadow: 0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
97
|
+
}
|
98
|
+
|
99
|
+
&.select2-container--above,
|
100
|
+
&.select2-container--below {
|
101
|
+
.tag-select {
|
102
|
+
border-color: #{adjust-theme-hsl(primary, $lightness: 50%)};
|
103
|
+
}
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
.select2-dropdown {
|
108
|
+
.select2-results__options {
|
109
|
+
.select2-results__option {
|
110
|
+
// Highlighted item
|
111
|
+
&.select2-results__option--highlighted {
|
112
|
+
background-color: rgba(var(--primary-rgb), 0.2);
|
113
|
+
}
|
114
|
+
|
115
|
+
// Selected item
|
116
|
+
&.select2-results__option--selected,
|
117
|
+
&[aria-selected="true"]:not(.select2-results__option--highlighted) {
|
118
|
+
background-color: rgba(var(--primary-rgb), 0.1);
|
119
|
+
}
|
120
|
+
}
|
121
|
+
}
|
122
|
+
}
|
123
|
+
}
|
124
|
+
|
125
|
+
.form-check-input {
|
126
|
+
&:checked,
|
127
|
+
&[type=checkbox]:indeterminate {
|
128
|
+
background-color: var(--primary);
|
129
|
+
border-color: var(--primary);
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
.form-range {
|
134
|
+
&:focus {
|
135
|
+
$box-shadow:
|
136
|
+
0 0 0 1px $body-bg,
|
137
|
+
0 0 0 $form-select-focus-width rgba(var(--primary-rgb), #{$focus-ring-opacity});
|
138
|
+
|
139
|
+
&::-webkit-slider-thumb {
|
140
|
+
box-shadow: $box-shadow;
|
141
|
+
}
|
142
|
+
|
143
|
+
&::-moz-range-thumb {
|
144
|
+
box-shadow: $box-shadow;
|
145
|
+
}
|
146
|
+
}
|
147
|
+
|
148
|
+
&::-webkit-slider-thumb {
|
149
|
+
background-color: var(--primary);
|
150
|
+
|
151
|
+
&:active {
|
152
|
+
background-color: #{adjust-theme-hsl(primary, $lightness: 70%)};
|
153
|
+
}
|
154
|
+
}
|
155
|
+
|
156
|
+
&::-moz-range-thumb {
|
157
|
+
background-color: var(--primary);
|
158
|
+
|
159
|
+
&:active {
|
160
|
+
background-color: #{adjust-theme-hsl(primary, $lightness: 70%)};
|
161
|
+
}
|
162
|
+
}
|
163
|
+
}
|
164
|
+
|
165
|
+
.select2-container--bootstrap-5 {
|
166
|
+
.tag-select.select2-selection--multiple {
|
167
|
+
.select2-selection__rendered {
|
168
|
+
.select2-selection__choice {
|
169
|
+
--tag-bg: #{adjust-theme-hsl(primary, $lightness: -$tag-bg-scale)};
|
170
|
+
--tag-border-color: var(--primary);
|
171
|
+
}
|
172
|
+
}
|
173
|
+
}
|
174
|
+
}
|
175
|
+
|
176
|
+
.flatpickr-months {
|
177
|
+
.flatpickr-prev-month,
|
178
|
+
.flatpickr-next-month {
|
179
|
+
&:hover svg {
|
180
|
+
fill: #{adjust-theme-hsl(primary, $lightness: -50%)};
|
181
|
+
}
|
182
|
+
}
|
183
|
+
}
|
184
|
+
|
185
|
+
|
186
|
+
// Primary and secondary component overrides
|
187
|
+
|
188
|
+
@each $color, $value in $theme-colors {
|
189
|
+
.text-bg-#{$color} {
|
190
|
+
background-color: hsl(var(--#{$color}-hsl) / var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
|
191
|
+
}
|
192
|
+
|
193
|
+
.link-#{$color} {
|
194
|
+
&:hover,
|
195
|
+
&:focus {
|
196
|
+
$hover-color: #{adjust-theme-hsl($color, $lightness: -$link-shade-percentage, $wrap: false)};
|
197
|
+
color: hsl($hover-color / var(--#{$prefix}link-opacity, 1));
|
198
|
+
text-decoration-color: hsl($hover-color / var(--#{$prefix}link-underline-opacity, 1));
|
199
|
+
}
|
200
|
+
}
|
201
|
+
|
202
|
+
.btn-#{$color} {
|
203
|
+
--#{$prefix}btn-bg: var(--#{$color});
|
204
|
+
--#{$prefix}btn-border-color: var(--#{$color});
|
205
|
+
|
206
|
+
--#{$prefix}btn-hover-bg: #{adjust-theme-hsl($color, $lightness: -$btn-hover-bg-shade-amount)};
|
207
|
+
--#{$prefix}btn-hover-border-color: #{adjust-theme-hsl($color, $lightness: -$btn-hover-border-shade-amount)};
|
208
|
+
|
209
|
+
--#{$prefix}btn-active-bg: #{adjust-theme-hsl($color, $lightness: -$btn-active-bg-shade-amount)};
|
210
|
+
--#{$prefix}btn-active-border-color: #{adjust-theme-hsl($color, $lightness: -$btn-active-border-shade-amount)};
|
211
|
+
|
212
|
+
--#{$prefix}btn-disabled-bg: var(--#{$color});
|
213
|
+
--#{$prefix}btn-disabled-border-color: var(--#{$color});
|
214
|
+
|
215
|
+
--#{$prefix}btn-focus-shadow-rgb: var(--#{$color}-rgb);
|
216
|
+
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .25);
|
217
|
+
}
|
218
|
+
|
219
|
+
.btn-outline-#{$color} {
|
220
|
+
--#{$prefix}btn-color: var(--#{$color});
|
221
|
+
--#{$prefix}btn-border-color: var(--#{$color});
|
222
|
+
|
223
|
+
--#{$prefix}btn-hover-bg: var(--#{$color});
|
224
|
+
--#{$prefix}btn-hover-border-color: var(--#{$color});
|
225
|
+
|
226
|
+
--#{$prefix}btn-active-bg: var(--#{$color});
|
227
|
+
--#{$prefix}btn-active-border-color: var(--#{$color});
|
228
|
+
|
229
|
+
--#{$prefix}btn-disabled-color: var(--#{$color});
|
230
|
+
--#{$prefix}btn-disabled-border-color: var(--#{$color});
|
231
|
+
|
232
|
+
--#{$prefix}btn-focus-shadow-rgb: var(--#{$color}-rgb);
|
233
|
+
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .25);
|
234
|
+
}
|
235
|
+
|
236
|
+
.alert-#{$color} {
|
237
|
+
--#{$prefix}alert-bg: #{adjust-theme-hsl($color, $saturation: -40%, $lightness: 10%)};
|
238
|
+
--#{$prefix}alert-border-color: #{adjust-theme-hsl($color, $saturation: -20%, $lightness: -10%)};
|
239
|
+
}
|
240
|
+
|
241
|
+
.badge-#{$color} {
|
242
|
+
--#{$prefix}badge-bg: var(--#{$color});
|
243
|
+
--#{$prefix}badge-hover-bg: #{adjust-theme-hsl($color, $lightness: -$badge-hover-scale)};
|
244
|
+
}
|
245
|
+
|
246
|
+
.table-#{$color} {
|
247
|
+
--#{$prefix}table-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale)};
|
248
|
+
--#{$prefix}table-border-color: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-border-factor))};
|
249
|
+
--#{$prefix}table-striped-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-striped-bg-factor))};
|
250
|
+
--#{$prefix}table-active-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-active-bg-factor))};
|
251
|
+
--#{$prefix}table-hover-bg: #{adjust-theme-hsl($color, $lightness: -$table-bg-scale - percentage($table-hover-bg-factor))};
|
252
|
+
}
|
253
|
+
|
254
|
+
.tag-#{$color} {
|
255
|
+
--tag-bg: #{adjust-theme-hsl($color, $lightness: -$tag-bg-scale)};
|
256
|
+
--tag-border-color: var(--#{$color});
|
257
|
+
|
258
|
+
--tag-hover-bg: #{adjust-theme-hsl($color, $lightness: -$tag-hover-bg-scale)};
|
259
|
+
--tag-hover-border-color: #{adjust-theme-hsl($color, $lightness: -$tag-hover-border-scale)};
|
260
|
+
}
|
261
|
+
}
|
@@ -1,7 +1,3 @@
|
|
1
|
-
html {
|
2
|
-
font-size: 14px;
|
3
|
-
}
|
4
|
-
|
5
1
|
body {
|
6
2
|
@include font-smoothing;
|
7
3
|
}
|
@@ -14,6 +10,15 @@ img {
|
|
14
10
|
max-width: 100%;
|
15
11
|
}
|
16
12
|
|
13
|
+
.error-iframe {
|
14
|
+
display: block;
|
15
|
+
width: 100%;
|
16
|
+
border: 0;
|
17
|
+
flex: 1;
|
18
|
+
min-height: 60vh;
|
19
|
+
max-height: 75vh;
|
20
|
+
}
|
21
|
+
|
17
22
|
.empty, .blank {
|
18
23
|
font-style: italic;
|
19
24
|
opacity: 0.5;
|
@@ -27,26 +32,23 @@ img {
|
|
27
32
|
}
|
28
33
|
}
|
29
34
|
|
35
|
+
.main-content-header {
|
36
|
+
font-size: 1rem * $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:
|
36
|
-
padding-bottom: 0.
|
44
|
+
border-bottom: $headings-border;
|
45
|
+
padding-bottom: 0.275rem;
|
37
46
|
|
38
47
|
&:not(:first-child) {
|
39
|
-
margin-top: 1.
|
48
|
+
margin-top: 1.5rem;
|
40
49
|
}
|
41
50
|
}
|
42
51
|
|
43
|
-
h1, .h1 { font-size: $h1-font-size * $sidebar-font-size-scale; }
|
44
|
-
h2, .h2 { font-size: $h2-font-size * $sidebar-font-size-scale; }
|
45
|
-
h3, .h3 { font-size: $h3-font-size * $sidebar-font-size-scale; }
|
46
|
-
h4, .h4 { font-size: $h4-font-size * $sidebar-font-size-scale; }
|
47
|
-
h5, .h5 { font-size: $h5-font-size * $sidebar-font-size-scale; }
|
48
|
-
h6, .h6 { font-size: $h6-font-size * $sidebar-font-size-scale; }
|
49
|
-
|
50
52
|
.card-header,
|
51
53
|
.card-body,
|
52
54
|
.card-footer {
|
@@ -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
|
-
}
|
data/frontend/css/index.scss
CHANGED
@@ -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";
|
@@ -22,23 +26,24 @@
|
|
22
26
|
@import "layout/footer";
|
23
27
|
@import "layout/sidebar";
|
24
28
|
@import "layout/navigation";
|
25
|
-
@import "layout/content";
|
29
|
+
@import "layout/content-header";
|
30
|
+
@import "layout/main-content";
|
26
31
|
|
27
32
|
// Components
|
28
|
-
@import "components/color-vars";
|
29
33
|
@import "components/alerts";
|
30
34
|
@import "components/avatar";
|
31
35
|
@import "components/background";
|
36
|
+
@import "components/badges";
|
32
37
|
@import "components/breadcrumbs";
|
33
38
|
@import "components/buttons";
|
34
|
-
@import "components/custom-forms";
|
35
39
|
@import "components/datepicker";
|
36
40
|
@import "components/dropdown";
|
37
|
-
@import "components/
|
38
|
-
@import "components/
|
41
|
+
@import "components/forms";
|
42
|
+
@import "components/grid";
|
39
43
|
@import "components/media-grid";
|
40
44
|
@import "components/modal";
|
41
45
|
@import "components/pagination";
|
46
|
+
@import "components/photoswipe";
|
42
47
|
@import "components/popover";
|
43
48
|
@import "components/scopes";
|
44
49
|
@import "components/select";
|
@@ -48,4 +53,7 @@
|
|
48
53
|
@import "components/tags";
|
49
54
|
@import "components/timestamp";
|
50
55
|
@import "components/toolbars";
|
51
|
-
@import "components/
|
56
|
+
@import "components/turbo";
|
57
|
+
|
58
|
+
// Theming
|
59
|
+
@import "core/theme";
|
@@ -1,5 +1,5 @@
|
|
1
1
|
html, body {
|
2
|
-
min-height:
|
2
|
+
min-height: 100dvh;
|
3
3
|
height: 100%;
|
4
4
|
}
|
5
5
|
|
@@ -8,7 +8,6 @@ html {
|
|
8
8
|
}
|
9
9
|
|
10
10
|
body {
|
11
|
-
display: flex;
|
12
11
|
overflow: hidden;
|
13
12
|
}
|
14
13
|
|
@@ -22,7 +21,10 @@ body {
|
|
22
21
|
overflow: hidden;
|
23
22
|
|
24
23
|
width: 100%;
|
24
|
+
height: 100%;
|
25
|
+
|
25
26
|
min-width: 0;
|
27
|
+
min-height: 100dvh;
|
26
28
|
}
|
27
29
|
|
28
30
|
.app-container {
|
@@ -43,8 +45,8 @@ body {
|
|
43
45
|
flex-direction: column;
|
44
46
|
}
|
45
47
|
|
46
|
-
@include media-breakpoint-down(
|
47
|
-
body {
|
48
|
+
@include media-breakpoint-down(md) {
|
49
|
+
html, body {
|
48
50
|
height: auto;
|
49
51
|
}
|
50
52
|
|
@@ -0,0 +1,71 @@
|
|
1
|
+
.content-header {
|
2
|
+
display: grid;
|
3
|
+
grid-template-columns: auto auto;
|
4
|
+
grid-template-areas: "title toolbars"
|
5
|
+
"breadcrumbs toolbars";
|
6
|
+
align-items: start;
|
7
|
+
|
8
|
+
background: $content-header-bg;
|
9
|
+
padding: 0.875rem 1.25rem;
|
10
|
+
|
11
|
+
@include media-breakpoint-down(md) {
|
12
|
+
padding: 0.625rem;
|
13
|
+
}
|
14
|
+
|
15
|
+
@include media-breakpoint-down(sm) {
|
16
|
+
grid-template-areas: "title toolbars"
|
17
|
+
"breadcrumbs breadcrumbs";
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.content-header-title {
|
22
|
+
grid-area: title;
|
23
|
+
|
24
|
+
margin: 0.25rem 0 1.125rem;
|
25
|
+
|
26
|
+
@include media-breakpoint-down(md) {
|
27
|
+
margin-top: 0.125rem;
|
28
|
+
}
|
29
|
+
|
30
|
+
h1 {
|
31
|
+
font-size: 2.125rem;
|
32
|
+
font-weight: 200;
|
33
|
+
|
34
|
+
margin: 0;
|
35
|
+
|
36
|
+
@include media-breakpoint-down(md) {
|
37
|
+
font-size: 2rem;
|
38
|
+
}
|
39
|
+
|
40
|
+
@include media-breakpoint-down(md) {
|
41
|
+
font-size: 1.75rem;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
.content-header-toolbars {
|
47
|
+
grid-area: toolbars;
|
48
|
+
|
49
|
+
display: grid;
|
50
|
+
gap: 0.5rem;
|
51
|
+
|
52
|
+
.btn {
|
53
|
+
white-space: nowrap;
|
54
|
+
}
|
55
|
+
|
56
|
+
.btn-toolbar {
|
57
|
+
flex-direction: row-reverse;
|
58
|
+
}
|
59
|
+
|
60
|
+
@include media-breakpoint-down(md) {
|
61
|
+
gap: 0.25rem;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
.content-header-breadcrumbs {
|
66
|
+
grid-area: breadcrumbs;
|
67
|
+
|
68
|
+
.breadcrumb {
|
69
|
+
margin: 0;
|
70
|
+
}
|
71
|
+
}
|
@@ -4,16 +4,14 @@
|
|
4
4
|
background: $footer-bg;
|
5
5
|
color: $footer-color;
|
6
6
|
|
7
|
-
padding:
|
8
|
-
font-size: 0.
|
7
|
+
padding: $footer-padding;
|
8
|
+
font-size: 0.625rem;
|
9
9
|
|
10
10
|
display: flex;
|
11
11
|
justify-content: space-between;
|
12
|
-
}
|
13
12
|
|
14
|
-
@include media-breakpoint-down(
|
15
|
-
|
16
|
-
padding-
|
17
|
-
padding-right: 10px;
|
13
|
+
@include media-breakpoint-down(md) {
|
14
|
+
padding-left: 0.625rem;
|
15
|
+
padding-right: 0.625rem;
|
18
16
|
}
|
19
17
|
}
|
@@ -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(
|
17
|
+
@include media-breakpoint-down(md) {
|
16
18
|
.app-header {
|
17
19
|
margin-top: -$header-height;
|
18
20
|
|
19
|
-
padding-left: $grid-gutter-width
|
20
|
-
padding-right: $grid-gutter-width
|
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
|
> * {
|