Refs #141204 modified container width to be auto:

- added also some left and right margin for edit content area
eea · Nov 17, 2021 · 2e8d2e0 · 2e8d2e0
1 parent f7a2868
commit 2e8d2e0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/theme/themes/eea/elements/container.overrides b/theme/themes/eea/elements/container.overrides
@@ -1,10 +1,12 @@
 /*******************************
          Theme Overrides
 *******************************/
+@maxWidth: 1400px;
 
 /* All Sizes */
 .ui.container {
   display: block;
+  width: auto !important;
   max-width: @maxWidth !important;
   transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045),
     margin-left 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045),

diff --git a/theme/themes/eea/elements/segment.overrides b/theme/themes/eea/elements/segment.overrides
@@ -8,6 +8,13 @@
   padding-left: 0;
 }
 
+// #141204 add some left and right padding for edit content area
+// this way we always have the delete and add button visible
+.has-sidebar .ui.segment.content-area {
+  padding-right: 3rem;
+  padding-left: 3rem;
+}
+
 .ui.primary.segment {
   border-bottom: @4px solid @greyBorderColor;
   font-size: @16px;