From 95e7c215df89608a5b10bebb87968c9a713bbf3d Mon Sep 17 00:00:00 2001 From: Star Rauchenberger Date: Tue, 17 Oct 2023 15:05:36 -0400 Subject: Added uploading images to blog posts --- app/assets/javascripts/admin/records.coffee | 2 ++ app/assets/stylesheets/admin/layout.scss | 25 +++++++++++++++++++------ 2 files changed, 21 insertions(+), 6 deletions(-) (limited to 'app/assets') diff --git a/app/assets/javascripts/admin/records.coffee b/app/assets/javascripts/admin/records.coffee index 27cdb78..3862b09 100644 --- a/app/assets/javascripts/admin/records.coffee +++ b/app/assets/javascripts/admin/records.coffee @@ -28,3 +28,5 @@ $(document).on "turbolinks:load", -> $(".tags-input input[type=text]").autocomplete({ source: Routes.suggest_tags_path() }) + $(".image-uploads pre").click -> + navigator.clipboard.writeText($(this).text()); diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss index bf15b0d..9585414 100644 --- a/app/assets/stylesheets/admin/layout.scss +++ b/app/assets/stylesheets/admin/layout.scss @@ -82,19 +82,16 @@ body { } #entry-form { - display: flex; + display: grid; + grid-template-columns: 73% 27%; height: 100%; fieldset { border: 0; } - #content { - width: 77%; - } - #details { - width: 23%; + min-width: 0; display: flex; flex-direction: column; padding-left: 0; @@ -201,6 +198,22 @@ body { border-radius: 5px; padding: .5em; margin-bottom: 1em; + + h4 { + margin-top: 0; + margin-bottom: 0.5em; + } + + img { + max-width: 100%; + } +} + +.image-uploads { + pre { + overflow: auto; + max-width: 100%; + } } .should-create-record-field { -- cgit 1.4.1