@gooddata/sdk-ui-dashboard 10.8.0-alpha.9 → 10.8.0-beta.0

package/styles/css/main.css

@@ -1895,7 +1895,6 @@
 .gd-rich-text-content-view * {
   margin-top: 0;
   color: var(--gd-palette-complementary-7, #6d7680);
-  font-weight: 400;
 }
 
 .gd-rich-text-content-view a {
@@ -1958,13 +1957,13 @@
   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);
 }
 
@@ -20623,7 +20622,7 @@ div.gd-empty-item-bubble {
   display: flex;
   align-items: stretch;
   flex-wrap: wrap;
-  width: calc(100% - 15px);
+  width: calc(100% - 150px);
   min-height: 55px;
   margin-right: 15px;
 }
@@ -20910,7 +20909,7 @@ div.gd-empty-item-bubble {
   fill: var(--gd-palette-primary-base, #14b2e2);
 }
 
-.gd-filters-configuration {
+.filter-bar-configuration {
   position: absolute;
   top: 0;
   right: 0;
@@ -20918,19 +20917,204 @@ div.gd-empty-item-bubble {
   align-items: start;
   justify-content: center;
   height: 100%;
-  width: 40px;
-  padding-top: 18px;
 }
 
 .gd-filters-configuration-button {
+  margin: 18px 11px 0;
   height: 18px;
   width: 18px;
   cursor: pointer;
 }
 
-.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position {
+.gd-filters-configuration__header {
+  height: 35px;
+}
+
+.gd-filter-configuration__help-icon::before {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-filter-configuration__help-tooltip {
+  width: 220px;
+}
+
+.gd-filter-views {
+  display: flex;
+  align-items: center;
+}
+
+.gd-button-primary.gd-filter-views-button {
+  border: 0;
+  box-shadow: none;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  background: var(--gd-dashboards-content-backgroundColor, var(--gd-palette-complementary-0, #fff));
+  font-size: 14px;
+  margin-top: 7px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::before, .gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active::after {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-text {
+  top: 1px;
+}
+.gd-button-primary.gd-filter-views-button:not(.disabled):not(.gd-button-link):active .gd-button-icon {
+  margin-top: 1px;
+}
+
+.gd-button-primary.gd-filter-views-button--open {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.gd-button-primary.gd-filter-views-button--open .gd-button-icon::before {
+  color: #14b2e2;
+}
+
+.gd-filters-views__panel__divider {
+  border-right: 1px solid #dde4eb;
+  width: 1px;
+  height: 20px;
+  margin-top: 9px;
+}
+
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-configuration-panel .arrow-position, .gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .arrow-position {
   display: none;
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel {
+  min-width: 350px;
+  max-width: 350px;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-filters-views__panel .configuration-panel-header {
+  display: flex;
+  align-items: center;
+  height: 35px;
+  padding: 0 10px;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .configuration-category {
+  margin: 10px 10px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__add .gd-filter-view-add-hint {
+  font-size: 12px;
+  margin: 5px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel__filter-view__list .configuration-category {
+  margin: 10px 0 0;
+  overflow: auto;
+}
+
+.gd-filters-views__panel .gd-title-with-icon {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.gd-filters-views__panel .gd-title-with-icon .gd-bubble-trigger-wrapper {
+  line-height: 14px;
+}
+.gd-filters-views__panel .configuration-panel-header-title {
+  display: flex;
+  justify-content: space-between;
+}
+.gd-filters-views__panel .configuration-panel-footer__content {
+  text-align: right;
+}
+.gd-filters-views__panel .gd-input-with-label .gd-input-label {
+  font-size: 12px;
+}
+.gd-filters-views__panel .gd-filter-view-add-checkbox-row {
+  padding: 5px 0;
+}
+
+.configuration-panel__filter-view__list .configuration-panel-footer__content {
+  text-align: left;
+}
+.configuration-panel__filter-view__list .configuration-panel-footer__content .gd-button {
+  display: flex;
+  height: 23px;
+  align-items: center;
+  margin-left: -10px;
+}
+
+.gd-filter-view__item {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  height: 28px;
+}
+.gd-filter-view__item .gd-filter-view__item__value {
+  display: flex;
+  flex-grow: 1;
+  gap: 5px;
+  overflow: hidden;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
+  padding: 5px 10px;
+  align-items: center;
+}
+.gd-filter-view__item .gd-filter-view__item__value__title {
+  gap: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-filter-view__item .gd-filter-view__item__value__suffix {
+  flex-shrink: 0;
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-filter-view__item .gd-filter-view__item__button {
+  display: none;
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0;
+  margin: 0;
+  transition: none;
+}
+.gd-filter-view__item .gd-filter-view__item__button .gd-button-icon::before {
+  font-size: 12px;
+}
+.gd-filter-view__item:hover {
+  background: #ebeff4;
+}
+.gd-filter-view__item:hover .gd-filter-view__item__button {
+  display: block;
+  cursor: pointer;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete {
+  width: 16px;
+  margin-left: 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete .gd-button-icon::before {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-filter-view__item .gd-filter-view__item__button--delete:hover .gd-button-icon::before {
+  color: #e54d42;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper {
+  padding: 0 5px;
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__button,
+.gd-filter-view__item .gd-filter-view__item__delete-button-wrapper:hover ~ .gd-filter-view__item__value {
+  background-color: var(--gd-palette-error-lightest, #fff2f1);
+}
+
+.gd-filter-view__list__empty {
+  text-align: center;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  padding: 5px 0;
+}
+
+.gd-filter-view__list__tooltip {
+  width: 230px;
+}
+
+.overlay.gd-dialog.gd-filter-view__delete-dialog {
+  min-width: 450px;
+  max-width: 450px;
+}
+.overlay.gd-dialog.gd-filter-view__delete-dialog .gd-filter-view__delete-dialog__item {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
 
 .grouped-navigation {
   position: absolute;
@@ -21886,6 +22070,13 @@ div.gd-empty-item-bubble {
   padding: 3px 10px 3px 15px;
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel-footer {
+  padding: 10px 10px 0;
+}
+.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble .configuration-panel-footer .configuration-panel-footer__content {
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  padding: 10px 0;
+}
 
 .sdk-edit-mode-on .configuration-category {
   margin-bottom: 20px;
@@ -23816,6 +24007,76 @@ div.gd-empty-item-bubble {
   padding: 0 0 10px;
 }
 
+.gd-drill-intersection-ignored-attributes-select-section {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+
+.gd-drill-intersection-ignored-attributes-select-label {
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 16.4px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-drill-intersection-ignored-attributes-select .input-radio-label .input-label-text,
+.gd-drill-intersection-ignored-attributes-select .input-checkbox-label .input-label-text {
+  display: inline;
+  font-size: 12px;
+}
+.gd-drill-intersection-ignored-attributes-select .gd-drill-intersection-ignored-attributes-select-item-icon {
+  margin-right: 5px;
+  vertical-align: middle;
+  width: 14px;
+  height: 14px;
+}
+.gd-drill-intersection-ignored-attributes-select .gd-drill-intersection-ignored-attributes-select-item-icon-date path {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-drill-intersection-ignored-attributes-select-title {
+  padding: 5px 10px;
+  width: 100%;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  line-height: 15px;
+  font-size: 11px;
+  font-weight: 700;
+  height: 35px;
+  display: flex;
+  align-items: center;
+  text-transform: uppercase;
+  margin-bottom: 5px;
+}
+
+.gd-drill-intersection-ignored-attributes-select-title-tooltip {
+  margin-left: 5px;
+  margin-top: 2px;
+}
+.gd-drill-intersection-ignored-attributes-select-title-tooltip path {
+  fill: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-drill-intersection-ignored-attributes-select-title-tooltip-content {
+  width: 190px;
+}
+
+.drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button {
+  margin-top: 0;
+  width: 95px;
+}
+.drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:not(.drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button.gd-is-open, .drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:hover, .drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:active, .drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:focus) {
+  box-shadow: none;
+  border-color: transparent;
+}
+.drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:not(.drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button.gd-is-open, .drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:active, .drill-config-target .gd-button-small.gd-drill-intersection-ignored-attributes-select-button:focus) {
+  background: transparent;
+}
+
 .gd-dashboard-toolbar {
   z-index: 102;
   position: fixed;