From 7e86e21107b7118ce3d47ca1986e9971e4981c29 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Wed, 29 Aug 2018 13:43:42 -0300 Subject: [PATCH 01/10] Stylesheet for publish modal --- services/web/public/stylesheets/components/publish-modal.less | 4 ++++ services/web/public/stylesheets/ol-style.less | 3 ++- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 services/web/public/stylesheets/components/publish-modal.less diff --git a/services/web/public/stylesheets/components/publish-modal.less b/services/web/public/stylesheets/components/publish-modal.less new file mode 100644 index 0000000000..63803113a6 --- /dev/null +++ b/services/web/public/stylesheets/components/publish-modal.less @@ -0,0 +1,4 @@ +.publish-guide .form-control, +.publish-guide .form-control-box { + width: '30%'; +} diff --git a/services/web/public/stylesheets/ol-style.less b/services/web/public/stylesheets/ol-style.less index 774e70a2ab..3c5c654c48 100644 --- a/services/web/public/stylesheets/ol-style.less +++ b/services/web/public/stylesheets/ol-style.less @@ -8,9 +8,10 @@ @import "_ol_style_includes.less"; @import "components/embed-responsive.less"; @import "components/icons.less"; +@import "components/publish-modal.less"; // Pages @import "app/about.less"; @import "app/blog-posts.less"; @import "app/cms-page.less"; -@import "app/portals.less"; \ No newline at end of file +@import "app/portals.less"; From f38c637f31afdeb1efd1f2c9c5202d76da68655a Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Wed, 29 Aug 2018 13:43:42 -0300 Subject: [PATCH 02/10] Stylesheet for publish modal --- services/web/public/stylesheets/components/publish-modal.less | 4 ++++ services/web/public/stylesheets/ol-style.less | 3 ++- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 services/web/public/stylesheets/components/publish-modal.less diff --git a/services/web/public/stylesheets/components/publish-modal.less b/services/web/public/stylesheets/components/publish-modal.less new file mode 100644 index 0000000000..63803113a6 --- /dev/null +++ b/services/web/public/stylesheets/components/publish-modal.less @@ -0,0 +1,4 @@ +.publish-guide .form-control, +.publish-guide .form-control-box { + width: '30%'; +} diff --git a/services/web/public/stylesheets/ol-style.less b/services/web/public/stylesheets/ol-style.less index 2be148a497..0f99dab3f0 100644 --- a/services/web/public/stylesheets/ol-style.less +++ b/services/web/public/stylesheets/ol-style.less @@ -9,9 +9,10 @@ @import "components/embed-responsive.less"; @import "components/icons.less"; @import "components/pagination.less"; +@import "components/publish-modal.less"; // Pages @import "app/about.less"; @import "app/blog-posts.less"; @import "app/cms-page.less"; -@import "app/portals.less"; \ No newline at end of file +@import "app/portals.less"; From 2b9e978379076c6891e0a9e42d4050292560ec0b Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Fri, 31 Aug 2018 13:59:47 -0300 Subject: [PATCH 03/10] Repair syntax and additional publish-modal style --- services/web/public/stylesheets/components/publish-modal.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/components/publish-modal.less b/services/web/public/stylesheets/components/publish-modal.less index 63803113a6..b7fcad11b5 100644 --- a/services/web/public/stylesheets/components/publish-modal.less +++ b/services/web/public/stylesheets/components/publish-modal.less @@ -1,4 +1,5 @@ .publish-guide .form-control, .publish-guide .form-control-box { - width: '30%'; + width: 70%; + margin_bottom: 1.0ex; } From 92548be04445fbdbac425e9a545efb4ddc37c640 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Fri, 31 Aug 2018 14:16:09 -0300 Subject: [PATCH 04/10] Use hyphen for underscore in publish-modal style --- services/web/public/stylesheets/components/publish-modal.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/components/publish-modal.less b/services/web/public/stylesheets/components/publish-modal.less index b7fcad11b5..2e463d4f16 100644 --- a/services/web/public/stylesheets/components/publish-modal.less +++ b/services/web/public/stylesheets/components/publish-modal.less @@ -1,5 +1,5 @@ .publish-guide .form-control, .publish-guide .form-control-box { width: 70%; - margin_bottom: 1.0ex; + margin-bottom: 1.0ex; } From 1e31f5dc1c35030301ab0d37db6dacd768b1558d Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Fri, 31 Aug 2018 15:35:24 -0300 Subject: [PATCH 05/10] Move new publish-model styles into existing style file --- .../web/public/stylesheets/app/editor/publish-modal.less | 5 +++++ .../web/public/stylesheets/components/publish-modal.less | 5 ----- 2 files changed, 5 insertions(+), 5 deletions(-) delete mode 100644 services/web/public/stylesheets/components/publish-modal.less diff --git a/services/web/public/stylesheets/app/editor/publish-modal.less b/services/web/public/stylesheets/app/editor/publish-modal.less index 3f049fc75b..6a017b7a53 100644 --- a/services/web/public/stylesheets/app/editor/publish-modal.less +++ b/services/web/public/stylesheets/app/editor/publish-modal.less @@ -1,4 +1,9 @@ .modal-body-publish { + .form-control, + .form-control-box { + width: 70%; + margin-bottom: 1.0ex; + } #search-input-container { overflow: hidden; margin: 5px 0 10px; diff --git a/services/web/public/stylesheets/components/publish-modal.less b/services/web/public/stylesheets/components/publish-modal.less deleted file mode 100644 index 2e463d4f16..0000000000 --- a/services/web/public/stylesheets/components/publish-modal.less +++ /dev/null @@ -1,5 +0,0 @@ -.publish-guide .form-control, -.publish-guide .form-control-box { - width: 70%; - margin-bottom: 1.0ex; -} From c570daf03b209bde2bccde0309821536a0da2190 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Fri, 31 Aug 2018 18:36:19 -0300 Subject: [PATCH 06/10] Remove unneeded include from ol-style --- services/web/public/stylesheets/ol-style.less | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/services/web/public/stylesheets/ol-style.less b/services/web/public/stylesheets/ol-style.less index 74cfe9ff22..be8a97ea98 100644 --- a/services/web/public/stylesheets/ol-style.less +++ b/services/web/public/stylesheets/ol-style.less @@ -10,11 +10,10 @@ @import "components/icons.less"; @import "components/navs-ol.less"; @import "components/pagination.less"; -@import "components/publish-modal.less"; // Pages @import "app/about.less"; @import "app/blog-posts.less"; @import "app/cms-page.less"; @import "app/plans-ol.less"; -@import "app/portals.less"; +@import "app/portals.less"; \ No newline at end of file From 91e653dafcd09880d21491ef6de76729db11a4d1 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Fri, 31 Aug 2018 18:36:53 -0300 Subject: [PATCH 07/10] Limit width and margin publish model form controls to the enclosing box --- services/web/public/stylesheets/app/editor/publish-modal.less | 1 - 1 file changed, 1 deletion(-) diff --git a/services/web/public/stylesheets/app/editor/publish-modal.less b/services/web/public/stylesheets/app/editor/publish-modal.less index 6a017b7a53..61e5a84b80 100644 --- a/services/web/public/stylesheets/app/editor/publish-modal.less +++ b/services/web/public/stylesheets/app/editor/publish-modal.less @@ -1,5 +1,4 @@ .modal-body-publish { - .form-control, .form-control-box { width: 70%; margin-bottom: 1.0ex; From 1965967361f3a68cb43ecea772a807d5e2be1811 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Mon, 3 Sep 2018 06:51:15 -0300 Subject: [PATCH 08/10] Use less vertical space in gallery publish modal --- .../stylesheets/app/editor/publish-modal.less | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/editor/publish-modal.less b/services/web/public/stylesheets/app/editor/publish-modal.less index 61e5a84b80..49ee22b1f3 100644 --- a/services/web/public/stylesheets/app/editor/publish-modal.less +++ b/services/web/public/stylesheets/app/editor/publish-modal.less @@ -1,7 +1,18 @@ .modal-body-publish { .form-control-box { - width: 70%; margin-bottom: 1.0ex; + margin-left: 1.0em; + label { + display: inline-block; + width: 10em; + } + .form-control { + display: inline-block; + width: 60%; + } + input[type="checkbox"] { + margin-right: 0.5em; + } } #search-input-container { overflow: hidden; From fa7f8ebfeddda6ecb848616670b47c3f582ed0f2 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Tue, 4 Sep 2018 07:22:58 -0300 Subject: [PATCH 09/10] Styling tweaks to Gallery publish dialog --- .../public/stylesheets/app/editor/publish-modal.less | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/editor/publish-modal.less b/services/web/public/stylesheets/app/editor/publish-modal.less index 49ee22b1f3..b10ae8b58a 100644 --- a/services/web/public/stylesheets/app/editor/publish-modal.less +++ b/services/web/public/stylesheets/app/editor/publish-modal.less @@ -1,6 +1,6 @@ .modal-body-publish { .form-control-box { - margin-bottom: 1.0ex; + margin-bottom: 1.5ex; margin-left: 1.0em; label { display: inline-block; @@ -13,6 +13,15 @@ input[type="checkbox"] { margin-right: 0.5em; } + select { + padding-top: 1ex; + padding-bottom: 1ex; + padding-left: 1em; + padding-right: 1em; + } + option { + margin-left: -4px; + } } #search-input-container { overflow: hidden; From 15a54d8228b9c427db2615481ea2430457851c64 Mon Sep 17 00:00:00 2001 From: Douglas Lovell Date: Tue, 4 Sep 2018 08:53:29 -0300 Subject: [PATCH 10/10] Style for label alignment on text area --- services/web/public/stylesheets/app/editor/publish-modal.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/services/web/public/stylesheets/app/editor/publish-modal.less b/services/web/public/stylesheets/app/editor/publish-modal.less index b10ae8b58a..dbf49a945d 100644 --- a/services/web/public/stylesheets/app/editor/publish-modal.less +++ b/services/web/public/stylesheets/app/editor/publish-modal.less @@ -5,6 +5,7 @@ label { display: inline-block; width: 10em; + vertical-align: baseline; } .form-control { display: inline-block; @@ -13,6 +14,9 @@ input[type="checkbox"] { margin-right: 0.5em; } + textarea { + vertical-align: baseline; + } select { padding-top: 1ex; padding-bottom: 1ex;