@eeacms/volto-eea-design-system 1.22.4 → 1.22.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -66,6 +66,12 @@
66
66
  z-index: @z-index-5;
67
67
  }
68
68
 
69
+ /* hide delete button for layout settings from edit and add page */
70
+ #page-add .block-editor-layoutSettings .delete-button,
71
+ #page-edit .block-editor-layoutSettings .delete-button {
72
+ display: none;
73
+ }
74
+
69
75
  // remove extra margin from cards on edit, when they are inside a grid such as teaser
70
76
  // the outline is cut before the theme background with margin 1em set
71
77
  .block .ui.card {
@@ -112,10 +118,29 @@
112
118
  padding: 0.5rem;
113
119
  }
114
120
 
121
+ /* Fix title block color and icon position modified by accordion.overrides */
122
+ .button.title {
123
+ --text-color: #ab8766;
124
+ --text-color-hover: #ab8766;
125
+
126
+ .icon {
127
+ order: 0 !important;
128
+ }
129
+ }
130
+
115
131
  .icon {
116
132
  margin-right: 0 !important;
117
133
  }
118
134
 
135
+ /* File preview_image - see https://taskman.eionet.europa.eu/issues/256131 */
136
+ .contenttype-file .block.metadata.preview_image img {
137
+ max-width: 200px;
138
+ }
139
+
140
+ .contenttype-image .block.metadata.image img {
141
+ max-width: 100%;
142
+ }
143
+
119
144
  /* fix order and color of block choose title block
120
145
  * which receives accordion title styling */
121
146
  .button.title {
@@ -198,3 +223,9 @@
198
223
  }
199
224
  }
200
225
  }
226
+
227
+ /* IMSv4 fixes */
228
+ #page-diff .ui.table td.eight.wide,
229
+ #page-diff .ui.table th.eight.wide {
230
+ width: 50%;
231
+ }
@@ -694,8 +694,6 @@
694
694
  }
695
695
  }
696
696
 
697
- //@media only screen and (min-width: @smallMonitorBreakpoint) and (max-width: @largestSmallMonitor) {
698
- //}
699
697
  @media only screen and (min-width: @largestSmallMonitor) {
700
698
  .eea.header .subsite-logo {
701
699
  left: calc(100% + calc(@subsiteFlexGap / 2));
@@ -707,7 +705,13 @@
707
705
  .main.bar .ui.text.menu {
708
706
  gap: 0 @mainMenuGap;
709
707
  }
708
+ }
710
709
 
710
+ /* avoid menu item on 2nd row when we don't have enough space to have larger gap */
711
+ @media screen and (min-width: 993px) and (max-width: 1199px) {
712
+ .main.bar .ui.container .ui.text.menu {
713
+ gap: 0;
714
+ }
711
715
  }
712
716
 
713
717
  /************************
@@ -33,7 +33,7 @@
33
33
  @topSectionItemFontSize : @font-size-00;
34
34
  @mobileTopSectionItemFontSize : @font-size-00;
35
35
  @tabletTopSectionItemFontSize : @font-size-00;
36
- @topSectionZIndex : @z-index-2;
36
+ @topSectionZIndex : @z-index-3;
37
37
  @dropdownColor : @blue-grey-6;
38
38
  @mobileDropdownFontSize : @font-size-00;
39
39
  @tabletDropdownFontSize : @font-size-00;
@@ -21,7 +21,7 @@
21
21
  border-radius: @circularRadius;
22
22
  color: @navColor;
23
23
  font-weight: @navFontWeight;
24
- z-index: @z-index-important;
24
+ z-index: @z-index-2;
25
25
  line-height: @navLineHeight;
26
26
  padding: @navPadding;
27
27
 
@@ -36,9 +36,4 @@
36
36
  }
37
37
  }
38
38
 
39
- .ui[class*='ary'] .tag .name,
40
- .ui[class*='ary'] .tag .icon {
41
- color: @tagNameFontColorWithBackground;
42
- }
43
-
44
39
  .loadUIOverrides();
@@ -14,7 +14,6 @@
14
14
  /* Tag text */
15
15
  @tagNameFontSize : 1rem;
16
16
  @tagNameFontColor : @textColorCSSVar;
17
- @tagNameFontColorWithBackground : @grey-0;
18
17
  @tagNameFontWeight : 500;
19
18
  @tagNameLineHeight : 1.25rem;
20
19
 
@@ -473,6 +473,7 @@ img.ui.image {
473
473
  }
474
474
 
475
475
  // Spacing adjustment to display outline with overflow hidden
476
+ /* avoid 3rd line visibility for card headings */
476
477
  .ui.card .header {
477
478
  padding: @headerPadding;
478
479
  }
@@ -89,7 +89,7 @@
89
89
  @headerColor: inherit;
90
90
  @headerLinkDisplay: block;
91
91
 
92
- @headerPadding: @em-space-1;
92
+ @headerPadding: 2px; // fix from custom to avoid 3rd line from showing
93
93
  @headerOnImagePadding: 0;
94
94
  @headerLineHeightOffset: 0;
95
95