pageflow 15.5.0 → 15.7.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of pageflow might be problematic. Click here for more details.

Files changed (270) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +219 -87
  3. data/README.md +1 -2
  4. data/admins/pageflow/entry.rb +28 -57
  5. data/admins/pageflow/user.rb +1 -3
  6. data/app/assets/images/pageflow/admin/icons/buttons/editor.svg +2 -0
  7. data/app/assets/images/pageflow/admin/icons/buttons/preview.svg +2 -0
  8. data/app/assets/images/pageflow/admin/icons/buttons/show_public.svg +2 -0
  9. data/app/assets/images/pageflow/admin/icons/delete.svg +9 -0
  10. data/app/assets/images/pageflow/admin/icons/done.svg +6 -0
  11. data/app/assets/images/pageflow/admin/icons/edit.svg +7 -0
  12. data/app/assets/images/pageflow/admin/icons/editor.svg +2 -0
  13. data/app/assets/images/pageflow/admin/icons/folder.svg +8 -0
  14. data/app/assets/images/pageflow/admin/icons/folder_active.svg +8 -0
  15. data/app/assets/images/pageflow/admin/icons/info.svg +3 -0
  16. data/app/assets/images/pageflow/admin/icons/new.svg +5 -0
  17. data/app/assets/images/pageflow/admin/icons/preview.svg +2 -0
  18. data/app/assets/images/pageflow/admin/icons/published.svg +2 -0
  19. data/app/assets/images/pageflow/admin/icons/published_with_password.svg +2 -0
  20. data/app/assets/images/pageflow/admin/icons/show_public.svg +2 -0
  21. data/app/assets/images/pageflow/editor/blank_entry/logo.png +0 -0
  22. data/app/assets/images/pageflow/themes/default/embed_opt_in.svg +3 -0
  23. data/app/assets/images/pageflow/themes/default/embed_opt_out_info.svg +16 -0
  24. data/app/assets/javascripts/pageflow/admin/entries.js +9 -57
  25. data/app/assets/javascripts/pageflow/dist/ui.js +127 -10
  26. data/app/assets/stylesheets/pageflow/admin/active_admin_patches.scss +18 -16
  27. data/app/assets/stylesheets/pageflow/admin/badge_list.scss +25 -35
  28. data/app/assets/stylesheets/pageflow/admin/columns.scss +13 -11
  29. data/app/assets/stylesheets/pageflow/admin/embed_code.scss +1 -4
  30. data/app/assets/stylesheets/pageflow/admin/entries/folders.scss +44 -19
  31. data/app/assets/stylesheets/pageflow/admin/entries.scss +15 -31
  32. data/app/assets/stylesheets/pageflow/admin/features.scss +3 -1
  33. data/app/assets/stylesheets/pageflow/admin/forms.scss +14 -12
  34. data/app/assets/stylesheets/pageflow/admin/hint.scss +8 -14
  35. data/app/assets/stylesheets/pageflow/admin/icon_button.scss +25 -14
  36. data/app/assets/stylesheets/pageflow/admin/icon_link.scss +31 -15
  37. data/app/assets/stylesheets/pageflow/admin/publication_state_indicator.scss +14 -7
  38. data/app/assets/stylesheets/pageflow/admin/status_tags.scss +5 -4
  39. data/app/assets/stylesheets/pageflow/admin/tabs_view.scss +36 -34
  40. data/app/assets/stylesheets/pageflow/admin/tooltip_bubble.scss +15 -11
  41. data/app/assets/stylesheets/pageflow/admin.scss +12 -0
  42. data/app/assets/stylesheets/pageflow/editor/background_positioning.scss +15 -61
  43. data/app/assets/stylesheets/pageflow/editor/base.scss +28 -13
  44. data/app/assets/stylesheets/pageflow/editor/blank_entry.scss +6 -6
  45. data/app/assets/stylesheets/pageflow/editor/change_theme.scss +28 -71
  46. data/app/assets/stylesheets/pageflow/editor/composables.scss +2 -2
  47. data/app/assets/stylesheets/pageflow/editor/confirm_encoding.scss +18 -36
  48. data/app/assets/stylesheets/pageflow/editor/confirm_upload.scss +12 -39
  49. data/app/assets/stylesheets/pageflow/editor/dialogs.scss +39 -12
  50. data/app/assets/stylesheets/pageflow/editor/disabled_atmo_indicator.scss +3 -3
  51. data/app/assets/stylesheets/pageflow/editor/drop_down_button.scss +7 -10
  52. data/app/assets/stylesheets/pageflow/editor/emulation_mode_button.scss +3 -8
  53. data/app/assets/stylesheets/pageflow/editor/failures.scss +3 -3
  54. data/app/assets/stylesheets/pageflow/editor/file_import.scss +22 -38
  55. data/app/assets/stylesheets/pageflow/editor/file_meta_data.scss +3 -7
  56. data/app/assets/stylesheets/pageflow/editor/file_settings_dialog.scss +4 -24
  57. data/app/assets/stylesheets/pageflow/editor/file_stages.scss +10 -11
  58. data/app/assets/stylesheets/pageflow/editor/file_thumbnails.scss +4 -8
  59. data/app/assets/stylesheets/pageflow/editor/files.scss +7 -6
  60. data/app/assets/stylesheets/pageflow/editor/files_explorer.scss +13 -30
  61. data/app/assets/stylesheets/pageflow/editor/files_gallery.scss +15 -11
  62. data/app/assets/stylesheets/pageflow/editor/filtered_files.scss +6 -7
  63. data/app/assets/stylesheets/pageflow/editor/help.scss +19 -14
  64. data/app/assets/stylesheets/pageflow/editor/help_image.scss +1 -1
  65. data/app/assets/stylesheets/pageflow/editor/info_box.scss +19 -0
  66. data/app/assets/stylesheets/pageflow/editor/inputs/file_input.scss +7 -11
  67. data/app/assets/stylesheets/pageflow/editor/inputs/file_processing_state_display.scss +0 -2
  68. data/app/assets/stylesheets/pageflow/editor/inputs/reference.scss +7 -11
  69. data/app/assets/stylesheets/pageflow/editor/list.scss +13 -10
  70. data/app/assets/stylesheets/pageflow/editor/loading.scss +1 -1
  71. data/app/assets/stylesheets/pageflow/editor/locked.scss +9 -5
  72. data/app/assets/stylesheets/pageflow/editor/menu.scss +5 -5
  73. data/app/assets/stylesheets/pageflow/editor/notifications.scss +15 -14
  74. data/app/assets/stylesheets/pageflow/editor/other_entry_item.scss +7 -3
  75. data/app/assets/stylesheets/pageflow/editor/outline.scss +57 -19
  76. data/app/assets/stylesheets/pageflow/editor/page_links.scss +10 -8
  77. data/app/assets/stylesheets/pageflow/editor/page_selection.scss +2 -29
  78. data/app/assets/stylesheets/pageflow/editor/publish_entry.scss +5 -6
  79. data/app/assets/stylesheets/pageflow/editor/quotas.scss +2 -3
  80. data/app/assets/stylesheets/pageflow/editor/select_button.scss +12 -6
  81. data/app/assets/stylesheets/pageflow/editor/sidebar_footer.scss +1 -5
  82. data/app/assets/stylesheets/pageflow/editor/storyline_picker.scss +6 -2
  83. data/app/assets/stylesheets/pageflow/editor/text_tracks.scss +6 -22
  84. data/app/assets/stylesheets/pageflow/editor/widgets.scss +2 -2
  85. data/app/assets/stylesheets/pageflow/editor/wysihtml5.scss +35 -29
  86. data/app/assets/stylesheets/pageflow/mixins/background_icons.scss +3 -3
  87. data/app/assets/stylesheets/pageflow/mixins/buttons.scss +50 -68
  88. data/app/assets/stylesheets/pageflow/themes/default/base.scss +2 -0
  89. data/app/assets/stylesheets/pageflow/themes/default/consent/bar.scss +156 -0
  90. data/app/assets/stylesheets/pageflow/themes/default/consent/vendor_list.scss +62 -0
  91. data/app/assets/stylesheets/pageflow/themes/default/consent.scss +2 -0
  92. data/app/assets/stylesheets/pageflow/themes/default/logo/alignment.scss +7 -0
  93. data/app/assets/stylesheets/pageflow/themes/default/page/shadow.scss +44 -0
  94. data/app/assets/stylesheets/pageflow/themes/default/third_party_embed_consent.scss +103 -0
  95. data/app/assets/stylesheets/pageflow/ui/forms.scss +79 -84
  96. data/app/assets/stylesheets/pageflow/ui/functions.scss +56 -0
  97. data/app/assets/stylesheets/pageflow/ui/input/check_box_group_input.scss +2 -3
  98. data/app/assets/stylesheets/pageflow/ui/input/color_input.scss +6 -6
  99. data/app/assets/stylesheets/pageflow/ui/input/extended_select_input.scss +63 -50
  100. data/app/assets/stylesheets/pageflow/ui/normalize/forms.scss +153 -0
  101. data/app/assets/stylesheets/pageflow/ui/normalize.scss +278 -0
  102. data/app/assets/stylesheets/pageflow/ui/properties.scss +44 -0
  103. data/app/assets/stylesheets/pageflow/ui/table_cells/delete_row_table_cell.scss +1 -1
  104. data/app/assets/stylesheets/pageflow/ui/table_view.scss +14 -18
  105. data/app/assets/stylesheets/pageflow/ui/tabs_view.scss +8 -11
  106. data/app/assets/stylesheets/pageflow/ui/tooltip.scss +6 -8
  107. data/app/assets/stylesheets/pageflow/ui/validation_error_messages.scss +6 -0
  108. data/app/assets/stylesheets/pageflow/ui.scss +4 -0
  109. data/app/controllers/pageflow/edit_locks_controller.rb +3 -1
  110. data/app/helpers/pageflow/admin/entries_helper.rb +2 -12
  111. data/app/helpers/pageflow/embed_code_helper.rb +1 -1
  112. data/app/helpers/pageflow/entries_helper.rb +41 -2
  113. data/app/helpers/pageflow/file_background_images_helper.rb +1 -1
  114. data/app/helpers/pageflow/page_types_helper.rb +1 -1
  115. data/app/helpers/pageflow/themes_helper.rb +1 -1
  116. data/app/jobs/pageflow/poll_meta_data_from_zencoder_job.rb +1 -1
  117. data/app/jobs/pageflow/poll_zencoder_job.rb +1 -9
  118. data/app/models/pageflow/audio_file.rb +17 -0
  119. data/app/models/pageflow/audio_file_url_templates.rb +4 -1
  120. data/app/models/pageflow/customized_theme.rb +37 -0
  121. data/app/models/pageflow/draft_entry.rb +6 -59
  122. data/app/models/pageflow/entry_at_revision.rb +68 -0
  123. data/app/models/pageflow/entry_role_query.rb +44 -24
  124. data/app/models/pageflow/image_file_css_background_image_urls.rb +8 -2
  125. data/app/models/pageflow/published_entry.rb +9 -56
  126. data/app/models/pageflow/theme_customization.rb +46 -0
  127. data/app/models/pageflow/theme_customization_file.rb +58 -0
  128. data/app/models/pageflow/video_file.rb +11 -1
  129. data/app/models/pageflow/video_file_url_templates.rb +1 -0
  130. data/app/policies/pageflow/entry_policy.rb +4 -0
  131. data/app/state_machines/pageflow/media_encoding_state_machine.rb +23 -4
  132. data/app/views/admin/entries/_form.html.erb +50 -0
  133. data/app/views/admin/entries/entry_type_name_input.html.erb +5 -0
  134. data/app/views/admin/features/_form.html.erb +1 -1
  135. data/app/views/admin/memberships/_form.html.erb +2 -3
  136. data/app/views/admin/users/_form.html.erb +1 -1
  137. data/app/views/admin/users/invitation.html.erb +2 -2
  138. data/app/views/components/pageflow/admin/entry_user_badge_list.rb +10 -9
  139. data/app/views/components/pageflow/admin/members_tab.rb +5 -1
  140. data/app/views/components/pageflow/admin/revisions_tab.rb +13 -3
  141. data/app/views/components/pageflow/admin/timestamp.rb +20 -0
  142. data/app/views/components/pageflow/admin/user_account_badge_list.rb +5 -6
  143. data/app/views/pageflow/admin/entries/_cannot_add_user.html.erb +9 -5
  144. data/app/views/pageflow/admin/entries/_entry_type_name_input.html.erb +7 -0
  145. data/app/views/pageflow/audio_files/_audio_file.json.jbuilder +13 -0
  146. data/app/views/pageflow/editor/encoding_confirmations/_intro.html.erb +0 -0
  147. data/app/views/pageflow/editor/encoding_confirmations/check.json.jbuilder +14 -2
  148. data/config/initializers/paperclip.rb +16 -1
  149. data/config/locales/de.yml +24 -28
  150. data/config/locales/en.yml +19 -10
  151. data/db/migrate/20210528073122_create_pageflow_theme_customizations.rb +11 -0
  152. data/db/migrate/20210531090654_create_pageflow_theme_customization_files.rb +15 -0
  153. data/db/migrate/20210531102228_add_selected_file_ids_to_theme_customizations.rb +5 -0
  154. data/db/migrate/20211020085902_add_canonical_entry_url_prefix_to_themings.rb +5 -0
  155. data/db/migrate/20220503150010_add_peak_data_to_audio_files.rb +5 -0
  156. data/db/migrate/20220705084830_add_trailing_slash_in_canonical_urls_to_themings.rb +5 -0
  157. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/editor.js +256 -124
  158. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/frontend.js +566 -167
  159. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/react-client.js +5 -5
  160. data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/react-server.js +4 -4
  161. data/entry_types/paged/app/helpers/pageflow_paged/third_party_embed_consent_helper.rb +38 -0
  162. data/entry_types/paged/app/views/pageflow_paged/third_party_embed_consent/_opt_in.html.erb +12 -0
  163. data/entry_types/paged/app/views/pageflow_paged/third_party_embed_consent/_opt_out_info.html.erb +10 -0
  164. data/entry_types/paged/config/initializers/features.rb +2 -0
  165. data/entry_types/paged/config/locales/new/video_contain.de.yml +7 -0
  166. data/entry_types/paged/config/locales/new/video_contain.en.yml +7 -0
  167. data/entry_types/scrolled/app/helpers/pageflow_scrolled/editor/seed_html_helper.rb +3 -0
  168. data/entry_types/scrolled/app/helpers/pageflow_scrolled/entry_json_seed_helper.rb +1 -0
  169. data/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb +58 -0
  170. data/entry_types/scrolled/app/helpers/pageflow_scrolled/react_server_side_rendering_helper.rb +37 -3
  171. data/entry_types/scrolled/app/helpers/pageflow_scrolled/themes_helper.rb +92 -6
  172. data/entry_types/scrolled/app/helpers/pageflow_scrolled/webpack_public_path_helper.rb +20 -0
  173. data/entry_types/scrolled/app/models/pageflow_scrolled/content_element.rb +7 -0
  174. data/entry_types/scrolled/app/views/pageflow_scrolled/editor/entries/_head.html.erb +5 -2
  175. data/entry_types/scrolled/app/views/pageflow_scrolled/editor/entries/_seed.json.jbuilder +5 -1
  176. data/entry_types/scrolled/app/views/pageflow_scrolled/entries/show.html.erb +5 -4
  177. data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_entry.json.jbuilder +16 -0
  178. data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_theme.json.jbuilder +13 -2
  179. data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_widget.json.jbuilder +2 -0
  180. data/entry_types/scrolled/config/locales/de.yml +1 -8
  181. data/entry_types/scrolled/config/locales/en.yml +1 -9
  182. data/entry_types/scrolled/config/locales/new/before_after_slider.de.yml +8 -0
  183. data/entry_types/scrolled/config/locales/new/before_after_slider.en.yml +8 -0
  184. data/entry_types/scrolled/config/locales/new/center_ragged.de.yml +8 -0
  185. data/entry_types/scrolled/config/locales/new/center_ragged.en.yml +9 -0
  186. data/entry_types/scrolled/config/locales/new/consent.de.yml +25 -0
  187. data/entry_types/scrolled/config/locales/new/consent.en.yml +24 -0
  188. data/entry_types/scrolled/config/locales/new/content_element_categories.de.yml +39 -0
  189. data/entry_types/scrolled/config/locales/new/content_element_categories.en.yml +39 -0
  190. data/entry_types/scrolled/config/locales/new/default_transition.de.yml +14 -0
  191. data/entry_types/scrolled/config/locales/new/default_transition.en.yml +14 -0
  192. data/entry_types/scrolled/config/locales/new/header_line_breaks.de.yml +28 -0
  193. data/entry_types/scrolled/config/locales/new/header_line_breaks.en.yml +27 -0
  194. data/entry_types/scrolled/config/locales/new/header_size.de.yml +17 -0
  195. data/entry_types/scrolled/config/locales/new/header_size.en.yml +17 -0
  196. data/entry_types/scrolled/config/locales/new/iframe_embed.de.yml +39 -0
  197. data/entry_types/scrolled/config/locales/new/iframe_embed.en.yml +39 -0
  198. data/entry_types/scrolled/config/locales/new/inline_loops.de.yml +26 -0
  199. data/entry_types/scrolled/config/locales/new/inline_loops.en.yml +26 -0
  200. data/entry_types/scrolled/config/locales/new/portrait_inline_image.de.yml +9 -0
  201. data/entry_types/scrolled/config/locales/new/portrait_inline_image.en.yml +9 -0
  202. data/entry_types/scrolled/config/locales/new/section_width.de.yml +10 -0
  203. data/entry_types/scrolled/config/locales/new/section_width.en.yml +10 -0
  204. data/entry_types/scrolled/config/locales/new/typography_variants.de.yml +7 -0
  205. data/entry_types/scrolled/config/locales/new/typography_variants.en.yml +7 -0
  206. data/entry_types/scrolled/config/locales/new/video_embed_poster.de.yml +8 -0
  207. data/entry_types/scrolled/config/locales/new/video_embed_poster.en.yml +8 -0
  208. data/entry_types/scrolled/config/locales/new/waveform_styles.de.yml +11 -0
  209. data/entry_types/scrolled/config/locales/new/waveform_styles.en.yml +12 -0
  210. data/entry_types/scrolled/config/locales/new/widgets.de.yml +6 -0
  211. data/entry_types/scrolled/config/locales/new/widgets.en.yml +6 -0
  212. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb +29 -5
  213. data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/themes_plugin.rb.tt +8 -6
  214. data/entry_types/scrolled/lib/pageflow_scrolled/additional_packs.rb +37 -0
  215. data/entry_types/scrolled/lib/pageflow_scrolled/additional_seed_data.rb +57 -0
  216. data/entry_types/scrolled/lib/pageflow_scrolled/configuration.rb +49 -0
  217. data/entry_types/scrolled/lib/pageflow_scrolled/engine.rb +2 -0
  218. data/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb +8 -0
  219. data/entry_types/scrolled/lib/pageflow_scrolled/react_widget_type.rb +42 -0
  220. data/entry_types/scrolled/lib/pageflow_scrolled.rb +17 -1
  221. data/entry_types/scrolled/lib/tasks/pageflow_scrolled/create_bundle_symlinks_for_yarn.rake +3 -2
  222. data/entry_types/scrolled/package/config/webpack.js +11 -0
  223. data/entry_types/scrolled/package/contentElements-editor.js +323 -89
  224. data/entry_types/scrolled/package/contentElements-frontend.css +1 -1
  225. data/entry_types/scrolled/package/contentElements-frontend.js +719 -529
  226. data/entry_types/scrolled/package/editor.js +459 -261
  227. data/entry_types/scrolled/package/frontend/{EditableText-7093fd0e.js → EditableInlineText.module-b9923660.js} +284 -362
  228. data/entry_types/scrolled/package/frontend/{i18n-4dc6c377.js → PhonePlatformContext-9fb97827.js} +199 -106
  229. data/entry_types/scrolled/package/frontend/{Viewer-e49e7807.js → Viewer-e2290ea0.js} +196 -79
  230. data/entry_types/scrolled/package/frontend/{Wavesurfer-0adf5667.js → Wavesurfer-7d9cf1b7.js} +16 -58
  231. data/entry_types/scrolled/package/frontend/{components-6a6793ca.js → components-6ab26015.js} +664 -671
  232. data/entry_types/scrolled/package/frontend/{getPrototypeOf-63c7c8e8.js → createSuper-d0f30da3.js} +34 -5
  233. data/entry_types/scrolled/package/frontend/index.css +1 -9
  234. data/entry_types/scrolled/package/frontend/index.js +1919 -2386
  235. data/entry_types/scrolled/package/frontend/{useBrowserFeature-91a4c29d.js → usePhonePlatform-2857c22b.js} +9 -8
  236. data/entry_types/scrolled/package/frontend-server.js +3 -6
  237. data/entry_types/scrolled/package/package.json +16 -8
  238. data/entry_types/scrolled/package/testHelpers.js +456 -0
  239. data/entry_types/scrolled/package/values/breakpoints.module.css +9 -0
  240. data/entry_types/scrolled/package/values/colors.module.css +5 -0
  241. data/entry_types/scrolled/package/widgets/defaultNavigation.css +9 -0
  242. data/entry_types/scrolled/package/widgets/defaultNavigation.js +612 -0
  243. data/entry_types/scrolled/spec/fixtures/image.svg +1 -0
  244. data/lib/pageflow/ability_mixin.rb +4 -0
  245. data/lib/pageflow/built_in_widget_type.rb +4 -0
  246. data/lib/pageflow/built_in_widget_types_plugin.rb +7 -0
  247. data/lib/pageflow/configuration.rb +34 -1
  248. data/lib/pageflow/entry_type.rb +11 -2
  249. data/lib/pageflow/entry_type_configuration.rb +2 -0
  250. data/lib/pageflow/file_type.rb +24 -0
  251. data/lib/pageflow/paperclip_processors/audio_waveform.rb +42 -0
  252. data/lib/pageflow/paperclip_processors/noop.rb +10 -0
  253. data/lib/pageflow/theme_customizations.rb +61 -0
  254. data/lib/pageflow/version.rb +1 -1
  255. data/lib/pageflow.rb +9 -0
  256. data/package/config/jest/index.js +2 -1
  257. data/package/config/postcss/scaleFunctions.js +71 -0
  258. data/package/editor.js +95 -85
  259. data/package/frontend.js +521 -161
  260. data/package/package.json +5 -3
  261. data/package/testHelpers.js +26 -5
  262. data/package/ui.js +124 -11
  263. data/spec/factories/draft_entries.rb +19 -1
  264. data/spec/factories/entries.rb +4 -0
  265. data/spec/factories/published_entries.rb +6 -0
  266. data/spec/fixtures/audio.ogg +0 -0
  267. metadata +119 -14
  268. data/app/views/admin/entries/_not_allowed_to_see_entry_types.json.jbuilder +0 -2
  269. data/app/views/admin/entries/entry_types.json.jbuilder +0 -4
  270. data/package/config/jest/transformers/upwardBabel.js +0 -5
@@ -1,4 +1,14 @@
1
+ $pageflow-folders-icon-directory: "pageflow/admin/icons" !default;
2
+
3
+ $pageflow-active-folder-background-color: #75a1c2 !default;
4
+ $pageflow-active-folder-color: #fff !default;
5
+ $pageflow-folder-drop-target-background-color: #fff !default;
6
+ $pageflow-folder-drop-target-outline-color: #000 !default;
7
+ $pageflow-folders-heading-color: #888 !default;
8
+
1
9
  #folders_sidebar_section {
10
+ $icon-dir: $pageflow-folders-icon-directory;
11
+
2
12
  position: relative;
3
13
 
4
14
  ul {
@@ -11,12 +21,32 @@
11
21
  position: relative;
12
22
  }
13
23
 
24
+ .name,
25
+ .edit_folder,
26
+ .new,
27
+ .delete,
28
+ .edit_toggle {
29
+ background-size: $pageflow-icon-size $pageflow-icon-size;
30
+ background-repeat: no-repeat;
31
+ background-position: center;
32
+ }
33
+
34
+ .edit_folder,
35
+ .delete,
36
+ .edit_toggle {
37
+ background-position: center;
38
+ }
39
+
40
+ .name,
41
+ .new {
42
+ background-position: 7px center;
43
+ }
44
+
14
45
  .folders {
15
46
  margin-bottom: 10px;
16
47
 
17
48
  .name {
18
- @include background-icon-left;
19
- @include folder-icon;
49
+ background-image: image-url("#{$icon-dir}/folder.svg");
20
50
 
21
51
  display: block;
22
52
  padding: 5px 10px 5px 35px;
@@ -26,16 +56,14 @@
26
56
  }
27
57
 
28
58
  span.name {
29
- @include highlight-gradient;
30
- @include background-icon-color(#eee);
31
- color: #fff;
32
- font-weight: bold;
59
+ background-image: image-url("#{$icon-dir}/folder_active.svg");
60
+ background-color: $pageflow-active-folder-background-color;
61
+ color: $pageflow-active-folder-color;
33
62
  cursor: default;
34
63
  }
35
64
 
36
65
  .edit_folder,
37
66
  .delete {
38
- @include background-icon-center(#444);
39
67
  @include hide-text;
40
68
 
41
69
  position: absolute;
@@ -45,21 +73,21 @@
45
73
  }
46
74
 
47
75
  .edit_folder {
48
- @include pencil-icon;
76
+ background-image: image-url("#{$icon-dir}/edit.svg");
49
77
  right: 30px;
50
78
  }
51
79
 
52
80
  .delete {
53
- @include trash-icon;
81
+ background-image: image-url("#{$icon-dir}/delete.svg");
54
82
  right: 0;
55
83
  }
56
84
 
57
85
  .drop_target {
58
- background-color: #fff;
86
+ background-color: $pageflow-folder-drop-target-background-color;
59
87
  }
60
88
 
61
89
  .drop_over {
62
- outline: solid 1px #444;
90
+ outline: solid 1px $pageflow-folder-drop-target-outline-color;
63
91
  }
64
92
  }
65
93
 
@@ -67,12 +95,11 @@
67
95
  margin: 0px 0 5px 0;
68
96
  font-size: 13px;
69
97
  font-weight: bold;
70
- color: #888;
98
+ color: $pageflow-folders-heading-color;
71
99
  }
72
100
 
73
101
  .new {
74
- @include background-icon-left;
75
- @include plus-circled-icon;
102
+ background-image: image-url("#{$icon-dir}/new.svg");
76
103
 
77
104
  display: block;
78
105
  padding: 5px 10px 5px 35px;
@@ -101,8 +128,6 @@
101
128
  }
102
129
 
103
130
  .edit_toggle {
104
- @include background-icon-center(#444);
105
-
106
131
  position: absolute;
107
132
  right: 0;
108
133
  top: 0;
@@ -110,11 +135,11 @@
110
135
  height: 30px;
111
136
 
112
137
  &.done {
113
- @include check-icon;
138
+ background-image: image-url("#{$icon-dir}/done.svg");
114
139
  }
115
140
 
116
141
  &.edit {
117
- @include pencil-icon;
142
+ background-image: image-url("#{$icon-dir}/edit.svg");
118
143
  }
119
144
  }
120
145
  }
@@ -124,4 +149,4 @@
124
149
  background-color: #eee;
125
150
  padding: 15px;
126
151
  z-index: 1000;
127
- }
152
+ }
@@ -1,9 +1,10 @@
1
- .admin_entries {
2
- $published-color: #BEEBB8;
1
+ $pageflow-revision-color: #888 !default;
2
+ $pageflow-published-revision-background-color: #beebb8 !default;
3
3
 
4
+ .admin_entries {
4
5
  table.revisions {
5
- tr {
6
- color: #888;
6
+ td {
7
+ color: $pageflow-revision-color;
7
8
  }
8
9
 
9
10
  a.show {
@@ -13,49 +14,32 @@
13
14
  .published td {
14
15
  // scss-lint:disable ImportantRule
15
16
  // Win against overly specific Active Admin rule
16
- background-color: $published-color !important;
17
+ background-color: $pageflow-published-revision-background-color !important;
17
18
  // scss-lint:enable ImportantRule
18
- color: #000;
19
+ color: inherit;
19
20
  }
20
- }
21
-
22
- .snapshot {
23
- float: right;
24
- }
25
-
26
- td > span[title] {
27
- border-bottom: 1px #aaa dotted;
28
- cursor: default;
29
- }
30
21
 
31
- span.password_protected {
32
- @include background-icon-center($font-size: 13px, $color: #555);
33
- @include lock-icon;
34
- display: inline-block;
35
- width: 20px;
36
- height: 20px;
37
- vertical-align: bottom;
38
- border-bottom: none;
22
+ .publication_state_indicator {
23
+ height: 17px;
24
+ }
39
25
  }
40
26
 
41
27
  .legend {
42
- float: left;
43
- position: relative;
44
- padding: 0 15px 0 22px;
28
+ display: flex;
29
+ align-items: center;
30
+ color: $pageflow-hint-color;
45
31
 
46
32
  &:before {
47
33
  content: " ";
48
- position: absolute;
49
34
  display: block;
50
- left: 0;
51
- top: 0;
52
35
  width: 14px;
53
36
  height: 14px;
54
37
  border: solid 1px #999;
38
+ margin-right: 10px;
55
39
  }
56
40
 
57
41
  &.published:before {
58
- background-color: $published-color;
42
+ background-color: $pageflow-published-revision-background-color;
59
43
  }
60
44
  }
61
45
 
@@ -1,5 +1,7 @@
1
+ $pageflow-feature-select-width: 200px !default;
2
+
1
3
  form.features {
2
4
  select {
3
- width: 200px;
5
+ width: $pageflow-feature-select-width;
4
6
  }
5
7
  }
@@ -1,18 +1,20 @@
1
- form {
2
- fieldset p {
3
- margin-left: 20%;
4
- max-width: 550px;
5
- }
1
+ @if not $pageflow-custom-admin-theme {
2
+ form {
3
+ fieldset p {
4
+ margin-left: 20%;
5
+ max-width: 550px;
6
+ }
6
7
 
7
- .inline_help_item {
8
- padding: 5px 10px;
9
- }
8
+ .inline_help_item {
9
+ padding: 5px 10px;
10
+ }
10
11
 
11
- fieldset.actions .link_action {
12
- padding: 5px;
12
+ fieldset.actions .link_action {
13
+ padding: 5px;
13
14
 
14
- &.cancel {
15
- padding: 0;
15
+ &.cancel {
16
+ padding: 0;
17
+ }
16
18
  }
17
19
  }
18
20
  }
@@ -1,20 +1,14 @@
1
- $hint-text-color: #777777 !default;
2
- $hint-icon-color: #8aa5da !default;
3
- $background-color: #fbfbfb !default;
1
+ $pageflow-hint-icon-directory: "pageflow/admin/icons" !default;
4
2
 
5
3
  .side_hint {
6
- background-color: $background-color;
7
- margin: 0 10px;
8
- padding: 10px 0;
9
- color: $hint-text-color;
4
+ margin: 10px 0;
5
+ color: $pageflow-hint-color;
10
6
 
11
7
  p {
12
- @include background-icon-left($font-size: 20px,
13
- $color: $hint-icon-color,
14
- $top: 10px,
15
- $left: -30px);
16
- @include fa-info-circle-icon;
17
-
18
- margin-left: 20%;
8
+ background-size: $pageflow-icon-size $pageflow-icon-size;
9
+ background-repeat: no-repeat;
10
+ background-position: left 1px;
11
+ background-image: image-url("#{$pageflow-hint-icon-directory}/info.svg");
12
+ padding-left: 1.75rem;
19
13
  }
20
14
  }
@@ -1,25 +1,36 @@
1
- $icon-button-color: #fff;
1
+ $pageflow-icon-button-icon-directory: "pageflow/admin/icons/buttons" !default;
2
2
 
3
- a.icon_button:link {
4
- @include background-icon-left($font-size: 15px,
5
- $color: $icon-button-color,
6
- $left: 9px,
7
- $top: 50%);
3
+ a.icon_button:link,
4
+ a.icon_button:visited,
5
+ a.icon_button:hover,
6
+ a.icon_button:active {
7
+ position: relative;
8
8
  padding-left: 30px;
9
9
 
10
- &:before {
11
- font-weight: normal;
10
+ &::before {
11
+ content: "";
12
+ position: absolute;
13
+ top: 50%;
14
+ left: 9px;
15
+ transform: translateY(-50%);
16
+ width: $pageflow-icon-size;
17
+ height: $pageflow-icon-size;
18
+ background-size: $pageflow-icon-size;
19
+ background-repeat: no-repeat;
20
+ background-position: center;
12
21
  }
13
22
 
14
- &.editor {
15
- @include fa-pencil-icon;
23
+ $dir: $pageflow-icon-button-icon-directory;
24
+
25
+ &.editor::before {
26
+ background-image: image-url("#{$dir}/editor.svg");
16
27
  }
17
28
 
18
- &.preview {
19
- @include fa-eye-icon;
29
+ &.preview::before {
30
+ background-image: image-url("#{$dir}/preview.svg");
20
31
  }
21
32
 
22
- &.show_public {
23
- @include fa-external-link-icon;
33
+ &.show_public::before {
34
+ background-image: image-url("#{$dir}/show_public.svg");
24
35
  }
25
36
  }
@@ -1,31 +1,47 @@
1
- $icon-link-color: #555;
1
+ $pageflow-icon-link-icon-directory: "pageflow/admin/icons" !default;
2
2
 
3
- $icon-link-acitve-color: #000;
3
+ $pageflow-icon-link-size: 25px !default;
4
+
5
+ $pageflow-icon-link-opacity: 0.7 !default;
6
+
7
+ $pageflow-active-icon-link-opacity: 1 !default;
4
8
 
5
9
  .icon_link_to {
6
10
  a {
7
- @include background-icon-center($font-size: 16px, $color: $icon-link-color);
8
- position: relative;
9
11
  display: inline-block;
10
- width: 25px;
11
- height: 25px;
12
+ position: relative;
12
13
  vertical-align: bottom;
13
14
 
14
- &:focus,
15
- &:hover {
16
- @include background-icon-color($icon-link-acitve-color);
15
+ &::before {
16
+ content: "";
17
+ display: block;
18
+ width: $pageflow-icon-link-size;
19
+ height: $pageflow-icon-link-size;
20
+ background-size: $pageflow-icon-size;
21
+ background-repeat: no-repeat;
22
+ background-position: center;
23
+ opacity: $pageflow-icon-link-opacity;
17
24
  }
18
25
 
19
- &.editor {
20
- @include fa-pencil-icon;
26
+ $dir: $pageflow-icon-link-icon-directory;
27
+
28
+ &.editor::before {
29
+ background-image: image-url("#{$dir}/editor.svg");
30
+ }
31
+
32
+ &.preview::before {
33
+ background-image: image-url("#{$dir}/preview.svg");
21
34
  }
22
35
 
23
- &.preview {
24
- @include fa-eye-icon;
36
+ &.show_public::before {
37
+ background-image: image-url("#{$dir}/show_public.svg");
25
38
  }
26
39
 
27
- &.show_public {
28
- @include fa-external-link-icon;
40
+ &:focus,
41
+ &:hover {
42
+ &::before {
43
+ opacity: $pageflow-active-icon-link-opacity;
44
+ }
29
45
  }
30
46
  }
31
47
  }
@@ -1,18 +1,25 @@
1
- $publication-state-indicator-color: #5d5d5d;
1
+ $pageflow-publication-state-indicator-icon-directory: "pageflow/admin/icons" !default;
2
+
3
+ $pageflow-publication-state-indicator-size: 25px !default;
2
4
 
3
5
  .publication_state_indicator {
4
- @include background-icon-center($font-size: 16px, $color: $publication-state-indicator-color);
5
6
  display: inline-block;
6
- width: 25px;
7
- height: 25px;
8
- vertical-align: bottom;
7
+ position: relative;
8
+ width: $pageflow-publication-state-indicator-size;
9
+ height: $pageflow-publication-state-indicator-size;
10
+ vertical-align: middle;
9
11
  border-bottom: none;
12
+ background-size: $pageflow-icon-size $pageflow-icon-size;
13
+ background-repeat: no-repeat;
14
+ background-position: center;
15
+
16
+ $dir: $pageflow-publication-state-indicator-icon-directory;
10
17
 
11
18
  &.published_without_password_protection {
12
- @include fa-globe-icon;
19
+ background-image: image-url("#{$dir}/published.svg");
13
20
  }
14
21
 
15
22
  &.published_with_password_protection {
16
- @include fa-lock-icon;
23
+ background-image: image-url("#{$dir}/published_with_password.svg");
17
24
  }
18
25
  }
@@ -1,13 +1,14 @@
1
- $status-tag-ok-background-color: #8daa92 !default;
1
+ $pageflow-status-tag-ok-background-color: #8daa92 !default;
2
2
 
3
- $status-tag-warning-background-color: #e29b20 !default;
3
+ $pageflow-status-tag-warning-background-color: #e29b20 !default;
4
4
 
5
5
  .status_tag {
6
+ &.yes,
6
7
  &.ok {
7
- background: $status-tag-ok-background-color;
8
+ background: $pageflow-status-tag-ok-background-color;
8
9
  }
9
10
 
10
11
  &.warning {
11
- background: $status-tag-warning-background-color;
12
+ background: $pageflow-status-tag-warning-background-color;
12
13
  }
13
14
  }
@@ -1,23 +1,25 @@
1
- .admin_tabs_view {
2
- clear: both;
3
- background-color: #f4f4f4;
4
- @include inset-shadow(0, 1px, 4px, #ddd);
5
-
6
- &-tabs {
7
- @include gradient(#efefef, #dfe1e2);
8
- box-shadow: 0 1px 1px rgba(0,0,0,0.10), 0 1px 0 0 rgba(255,255,255, 0.8) inset;
9
- border: solid 1px #c7c7c7;
10
- @include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
11
- @include text-shadow;
12
- color: $primary-color;
13
- font-size: 0.9em;
14
- padding: 0;
15
- margin: 0;
16
-
17
- li {
18
- display: inline-block;
1
+ @if not $pageflow-custom-admin-tabs {
2
+ .admin_tabs_view {
3
+ clear: both;
4
+ background-color: #f4f4f4;
5
+ @include inset-shadow(0, 1px, 4px, #ddd);
6
+
7
+ &-tabs {
8
+ @include gradient(#efefef, #dfe1e2);
9
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10), 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
10
+ border: solid 1px #c7c7c7;
11
+ @include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
12
+ @include text-shadow;
13
+ color: $primary-color;
14
+ font-size: 0.9em;
15
+ padding: 0;
16
+ margin: 0;
17
+
18
+ > li {
19
+ display: inline-block;
20
+ }
19
21
 
20
- &.active {
22
+ > .active {
21
23
  background-color: #fff;
22
24
  color: #444;
23
25
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
@@ -26,26 +28,26 @@
26
28
  cursor: default;
27
29
  }
28
30
  }
29
- }
30
31
 
31
- a {
32
- display: block;
33
- padding: 10px 15px;
34
- color: $section-header-text-color;
35
- text-decoration: none;
36
- font-weight: bold;
32
+ a {
33
+ display: block;
34
+ padding: 10px 15px;
35
+ color: $section-header-text-color;
36
+ text-decoration: none;
37
+ font-weight: bold;
38
+ }
37
39
  }
38
- }
39
40
 
40
- &-container {
41
- @include clearfix;
42
- @extend .panel_contents;
41
+ &-container {
42
+ @include clearfix;
43
+ @extend .panel_contents;
43
44
 
44
- display: none;
45
- padding: 10px;
45
+ display: none;
46
+ padding: 10px;
46
47
 
47
- &.active {
48
- display: block;
48
+ &.active {
49
+ display: block;
50
+ }
49
51
  }
50
52
  }
51
53
  }
@@ -1,14 +1,17 @@
1
- $tooltip-bubble-background-color: rgba(0, 0, 0, 0.7);
1
+ $pageflow-tooltip-bubble-background-color: rgba(0, 0, 0, 0.7) !default;
2
2
 
3
- $tooltip-bubble-text-color: #fff;
3
+ $pageflow-tooltip-bubble-text-color: #fff !default;
4
+
5
+ $pageflow-tooltip-clue-border-color: #aaa !default;
4
6
 
5
7
  .tooltip_bubble {
6
- position: absolute;
7
8
  display: none;
8
- background-color: $tooltip-bubble-background-color;
9
- color: $tooltip-bubble-text-color;
9
+ position: absolute;
10
+ background-color: $pageflow-tooltip-bubble-background-color;
11
+ color: $pageflow-tooltip-bubble-text-color;
10
12
  padding: 5px 10px;
11
- top: -30px;
13
+ bottom: 100%;
14
+ margin-bottom: 5px;
12
15
  white-space: nowrap;
13
16
  border-radius: 2px;
14
17
  pointer-events: none;
@@ -18,7 +21,7 @@ $tooltip-bubble-text-color: #fff;
18
21
  position: absolute;
19
22
  top: 100%;
20
23
  left: 8px;
21
- @include triangle(10px, $tooltip-bubble-background-color, down);
24
+ @include triangle(10px, $pageflow-tooltip-bubble-background-color, down);
22
25
  }
23
26
  }
24
27
 
@@ -31,7 +34,8 @@ $tooltip-bubble-text-color: #fff;
31
34
 
32
35
  .tooltip_clue {
33
36
  position: relative;
34
- border-bottom: 1px dotted;
37
+ cursor: default;
38
+ border-bottom: dotted 1px $pageflow-tooltip-clue-border-color;
35
39
  }
36
40
 
37
41
  [data-tooltip] {
@@ -40,8 +44,8 @@ $tooltip-bubble-text-color: #fff;
40
44
  &:after {
41
45
  position: absolute;
42
46
  display: none;
43
- background-color: $tooltip-bubble-background-color;
44
- color: $tooltip-bubble-text-color;
47
+ background-color: $pageflow-tooltip-bubble-background-color;
48
+ color: $pageflow-tooltip-bubble-text-color;
45
49
  padding: 5px 10px;
46
50
  top: -33px;
47
51
  white-space: nowrap;
@@ -55,7 +59,7 @@ $tooltip-bubble-text-color: #fff;
55
59
  position: absolute;
56
60
  top: -6px;
57
61
  left: 8px;
58
- @include triangle(10px, $tooltip-bubble-background-color, down);
62
+ @include triangle(10px, $pageflow-tooltip-bubble-background-color, down);
59
63
  }
60
64
 
61
65
  &:hover:after {
@@ -1,3 +1,15 @@
1
+ /// Do not includes styles that patch the Active Admin default theme.
2
+ $pageflow-custom-admin-theme: false !default;
3
+
4
+ /// Do not include styles for admin tabs.
5
+ $pageflow-custom-admin-tabs: false !default;
6
+
7
+ /// Used for indicator icons, icon links and buttons
8
+ $pageflow-icon-size: 16px !default;
9
+
10
+ /// Used for inline hint texts
11
+ $pageflow-hint-color: #666 !default;
12
+
1
13
  @import "active_admin/searchable_select";
2
14
 
3
15
  // Needs to be imported before bourbon which redefines functions used