@gooddata/sdk-ui-dashboard 10.7.0-alpha.8 → 10.7.0-beta.0

package/styles/css/main.css

@@ -1869,7 +1869,8 @@
 .gd-rich-text-content {
   width: 100%;
   height: 100%;
-  min-height: 0;
+  min-height: 19px;
+  color: var(--gd-palette-complementary-7, #6d7680);
 }
 
 .gd-rich-text-content textarea {
@@ -1880,16 +1881,21 @@
   font-size: 14px;
   font-weight: 400;
   font-family: menlo, monaco, consolas, "Courier New", monospace;
-  color: var(--gd-palette-complementary-8, #464e56);
+  color: var(--gd-palette-complementary-7, #6d7680);
   border: none;
   resize: none;
   outline: none;
   box-sizing: border-box;
 }
 
+.gd-rich-text-content textarea::placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
 .gd-rich-text-content-view * {
   margin-top: 0;
-  color: var(--gd-palette-complementary-6, #94a1ad);
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-weight: 400;
 }
 
 .gd-rich-text-content-view a {
@@ -1944,6 +1950,7 @@
   line-height: 19px;
   letter-spacing: 0;
   text-align: left;
+  margin-bottom: 0;
 }
 
 .gd-rich-text-content-view hr {
@@ -1951,17 +1958,19 @@
   border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.bubble .bubble-content .content .gd-rich-text-content a {
+.bubble .bubble-content .content .gd-rich-text-content > a {
   color: var(--gd-palette-primary-base, #14b2e2);
   font-size: 14px;
+  line-height: 19px;
 }
 
-.bubble .bubble-content .content .gd-rich-text-content a:hover {
+.bubble .bubble-content .content .gd-rich-text-content > a:hover {
   color: var(--gd-palette-complementary-8, #464e56);
 }
 
-.bubble .bubble-content .content .gd-rich-text-content p {
+.bubble .bubble-content .content .gd-rich-text-content > p {
   font-size: 14px;
+  line-height: 19px;
 }
 
 
@@ -6236,6 +6245,23 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only {
+  margin-left: 5px;
+  flex-grow: 0;
+}
+
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only:hover {
+  text-decoration: none;
+}
+
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only .gd-empty-list-item-tooltip {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-single-selection-attribute-filter-elements-select-item.gd-list-item.is-selected .gd-customizable-checkmark-mobile-navigation {
+  right: 27px;
+}
+
 .gd-attribute-filter-elements-select-item__next {
   min-height: 28px;
 }
@@ -6249,12 +6275,16 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
-.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper {
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only {
   margin-left: 5px;
   flex-grow: 0;
 }
 
-.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper .gd-empty-list-item-tooltip {
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only:hover {
+  text-decoration: none;
+}
+
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only .gd-empty-list-item-tooltip {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
@@ -16925,6 +16955,23 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only {
+  margin-left: 5px;
+  flex-grow: 0;
+}
+
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only:hover {
+  text-decoration: none;
+}
+
+.gd-single-selection-attribute-filter-elements-select-item .gd-item-title-tooltip-wrapper.gd-list-item-only .gd-empty-list-item-tooltip {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-single-selection-attribute-filter-elements-select-item.gd-list-item.is-selected .gd-customizable-checkmark-mobile-navigation {
+  right: 27px;
+}
+
 .gd-attribute-filter-elements-select-item__next {
   min-height: 28px;
 }
@@ -16938,12 +16985,16 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
-.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper {
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only {
   margin-left: 5px;
   flex-grow: 0;
 }
 
-.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper .gd-empty-list-item-tooltip {
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only:hover {
+  text-decoration: none;
+}
+
+.gd-attribute-filter-elements-select-item__next .gd-item-title-tooltip-wrapper.gd-list-item-only .gd-empty-list-item-tooltip {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
@@ -17775,6 +17826,9 @@ div.gd-empty-item-bubble {
   padding: 0;
   font-size: 14px;
   line-height: 19px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-fluid-layout-row-header .gd-editable-label-richtext textarea::placeholder {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
 .gd-fluid-layout-row-header .gd-editable-label-richtext:hover, .gd-fluid-layout-row-header .gd-editable-label-richtext:focus, .gd-fluid-layout-row-header .gd-editable-label-richtext:active {
@@ -17789,7 +17843,11 @@ div.gd-empty-item-bubble {
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  line-height: 21px;
+  line-height: 19px;
+}
+
+.gd-rich-text-content-view .gd-editable-label-richtext-empty {
+  color: var(--gd-palette-complementary-6, #94a1ad);
 }
 
 .gd-visualization-content.relative {
@@ -18503,19 +18561,20 @@ div.gd-empty-item-bubble {
   display: flex;
   align-items: baseline;
   height: 28px;
+  color: var(--gd-palette-complementary-7, #6d7680);
 }
 .gd-schedule-email-attachments .gd-attachment-filters-dropdown-button .gd-button-link-dimmed {
   border: none;
   box-shadow: none;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment {
+.gd-schedule-email-attachments .gd-attachment-item {
   display: flex;
   flex-wrap: nowrap;
   overflow: hidden;
   margin-top: -3px;
   margin-left: 5px;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-format {
+.gd-schedule-email-attachments .gd-attachment-item-format {
   padding-left: 7px;
   padding-right: 7px;
   display: flex;
@@ -18523,30 +18582,28 @@ div.gd-empty-item-bubble {
   height: 24px;
   color: var(--gd-palette-complementary-8, #464e56);
   background: var(--gd-palette-complementary-3, #dde4eb);
-  border-radius: 3px 0 0 3px;
+  border-radius: 3px;
   text-transform: uppercase;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-name {
+.gd-schedule-email-attachments .gd-attachment-item-format-with-configuration > span {
+  border-radius: 3px 0 0 3px;
+}
+.gd-schedule-email-attachments .gd-attachment-item-configuration {
   display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  overflow: hidden;
   height: 24px;
   color: var(--gd-palette-complementary-8, #464e56);
   background: var(--gd-palette-complementary-2, #ebeff4);
   border-radius: 0 3px 3px 0;
   padding-left: 7px;
   padding-right: 7px;
+  margin-left: -10px;
+  margin-right: 10px;
+  cursor: pointer;
 }
-.gd-schedule-email-attachments .gd-dashboard-attachment-name .shortened-name {
-  text-overflow: ellipsis;
-  display: inline-block;
-  overflow: hidden;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.gd-schedule-email-attachments .gd-dashboard-attachment-name > span:nth-child(2) {
-  margin-left: 7px;
+.gd-schedule-email-attachments .gd-attachment-item-configuration::before {
+  position: relative;
+  top: 2px;
+  margin-top: 1px;
 }
 
 .gd-attachment-filters-dropdown {
@@ -18571,14 +18628,14 @@ div.gd-empty-item-bubble {
   padding: 10px;
 }
 .gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content > :first-child {
-  margin-bottom: 5px;
+  margin-bottom: 10px;
 }
 .gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content > :last-child {
-  margin-top: 5px;
+  margin-top: 10px;
 }
 .gd-attachment-filters-dropdown .gd-attachment-filters-dropdown-content .gd-icon-circle-question {
   position: relative;
-  top: 2px;
+  top: -1px;
   padding: 5px;
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
@@ -18589,7 +18646,7 @@ div.gd-empty-item-bubble {
   border-left: 2px dotted var(--gd-palette-complementary-3, #dde4eb);
   padding: 0 10px;
   margin-left: 6px;
-  max-height: 190px;
+  max-height: 180px;
   overflow-y: auto;
   margin-right: -10px;
 }
@@ -18619,6 +18676,32 @@ div.gd-empty-item-bubble {
   padding: 10px;
 }
 
+.gd-attachment-settings-dropdown {
+  width: 245px;
+}
+.gd-attachment-settings-dropdown .gd-list-title {
+  line-height: normal;
+}
+.gd-attachment-settings-dropdown .gd-close-button {
+  position: absolute;
+  top: 2px;
+  right: 0;
+  outline: none;
+}
+.gd-attachment-settings-dropdown .gd-close-button .gd-button-link.gd-button-icon-only::before {
+  font-size: 14px;
+}
+.gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-content {
+  display: flex;
+  flex-direction: column;
+  padding: 15px 10px;
+}
+.gd-attachment-settings-dropdown .gd-attachment-settings-dropdown-footer {
+  display: flex;
+  justify-content: end;
+  padding: 10px;
+}
+
 .gd-scheduled-email-management-dialog {
   display: flex;
   flex-direction: column;
@@ -18720,8 +18803,8 @@ div.gd-empty-item-bubble {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 30px;
-  height: 30px;
+  width: 32px;
+  height: 32px;
   margin: auto 10px auto 0;
   background-color: var(--gd-palette-complementary-2, #ebeff4);
   border-radius: 100px;
@@ -18941,6 +19024,9 @@ div.gd-empty-item-bubble {
 .gd-schedule-email-dialog-title.gd-editable-label.is-editing, .gd-schedule-email-dialog-title:hover {
   border-color: var(--gd-palette-primary-base, #14b2e2);
 }
+.gd-schedule-email-dialog-title.placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
 .gd-schedule-email-dialog-title,
 .gd-schedule-email-dialog-title textarea {
   font-size: 20px;
@@ -19793,6 +19879,9 @@ div.gd-empty-item-bubble {
   color: var(--gd-palette-complementary-7, #6d7680);
   font-size: 22px;
 }
+.dash-item-action-widget-options:hover, .dash-item-action-widget-options.dash-item-action-widget-options-active {
+  background-color: var(--gd-palette-complementary-7, var(--gd-palette-complementary-5, #b0beca));
+}
 .dash-item-action-widget-options:hover::before, .dash-item-action-widget-options.dash-item-action-widget-options-active::before {
   color: var(--gd-palette-complementary-0, #fff);
 }
@@ -19881,6 +19970,15 @@ div.gd-empty-item-bubble {
   z-index: 10;
 }
 
+.gd-header-menu-overlay .gd-menu-item {
+  padding: 5px 10px !important;
+}
+.gd-header-menu-overlay .gd-menu-item .gd-list-icon {
+  color: var(--gd-palette-complementary-5, #b1c1d1);
+  margin-right: 10px;
+  font-size: 16px;
+}
+
 .drag-layer {
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
   line-height: 1.5;
@@ -21677,12 +21775,12 @@ div.gd-empty-item-bubble {
   overflow: auto;
 }
 .configuration-panel .gd-rich-text-insight-description textarea {
+  font-weight: 400;
   font-size: 14px;
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
-  line-height: 21px;
-  color: var(--gd-palette-complementary-8, #464e56);
+  line-height: 19px;
+  color: var(--gd-palette-complementary-7, #6d7680);
   padding: 0;
-  margin-top: -1px;
 }
 .configuration-panel .gd-rich-text-insight-description .gd-bubble-trigger {
   margin: revert;
@@ -22498,6 +22596,21 @@ div.gd-empty-item-bubble {
   left: 11px;
 }
 
+.gd-list-item .gd-icon-list::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+.gd-list-item .gd-icon-save-as-new::before {
+  content: "";
+  background: url("~@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+}
+
 .dropdown-body .gd-list-item.type-growIsGood::before, .dropdown-body .gd-list-item.type-growIsBad::before, .dropdown-body .gd-list-item.type-metric::before, .dropdown-body .gd-list-item.type-attribute::before, .dropdown-body .gd-list-item.type-date::before {
   margin-left: 1px;
 }