@gooddata/sdk-ui-dashboard 10.3.0-alpha.1 → 10.3.0-alpha.11

package/styles/css/main.css

@@ -1861,6 +1861,112 @@
 }
 
 
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+.gd-rich-text-content {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+}
+
+.gd-rich-text-content textarea {
+  width: 100%;
+  height: 100%;
+  background-color: var(--gd-palette-complementary-0, #fff);
+  line-height: 19px;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: menlo, monaco, consolas, "Courier New", monospace;
+  color: var(--gd-palette-complementary-8, #464e56);
+  border: none;
+  resize: none;
+  outline: none;
+  box-sizing: border-box;
+}
+
+.gd-rich-text-content .gd-rich-text-content-empty {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.gd-rich-text-content-view * {
+  margin-top: 0;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-rich-text-content-view a {
+  cursor: pointer;
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-rich-text-content-view a:hover, .gd-rich-text-content-view a:focus, .gd-rich-text-content-view a:active {
+  color: var(--gd-palette-complementary-8, #464e56);
+  text-decoration: underline;
+}
+
+.gd-rich-text-content-view h1,
+.gd-rich-text-content-view h2,
+.gd-rich-text-content-view h3,
+.gd-rich-text-content-view h4,
+.gd-rich-text-content-view h5,
+.gd-rich-text-content-view h6 {
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-weight: 700;
+  text-align: left;
+  letter-spacing: 0;
+}
+
+.gd-rich-text-content-view h1 {
+  font-size: 17px;
+  line-height: 23px;
+  margin-bottom: 10px;
+}
+
+.gd-rich-text-content-view h2 {
+  font-size: 15px;
+  line-height: 20px;
+  margin-bottom: 10px;
+}
+
+.gd-rich-text-content-view h3,
+.gd-rich-text-content-view h4,
+.gd-rich-text-content-view h5,
+.gd-rich-text-content-view h6 {
+  font-size: 14px;
+  line-height: 19px;
+  margin-bottom: 5px;
+}
+
+.gd-rich-text-content-view p,
+.gd-rich-text-content-view ul,
+.gd-rich-text-content-view ol {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19px;
+  letter-spacing: 0;
+  text-align: left;
+}
+
+.gd-rich-text-content-view hr {
+  border-top: 0;
+  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+
+.bubble .bubble-content .content .gd-rich-text-content a {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.bubble .bubble-content .content .gd-rich-text-content a:hover {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+
+
 /**
  * FixedDataTable v1.2.22 
  *
@@ -21385,8 +21491,8 @@ div.gd-empty-item-bubble {
 
 .gd-drill-modal-picker-dropdown {
   overflow: hidden;
-  max-width: 170px;
-  width: 204px;
+  max-width: 230px;
+  width: 230px;
   background-color: var(--gd-palette-complementary-0, #fff);
   border-radius: 3px;
   border: 1px solid var(--gd-palette-complementary-3, #ccd8e2);
@@ -23679,7 +23785,7 @@ div.gd-empty-item-bubble {
   font-size: 12px;
 }
 
-.gd-rich-text-wrapper {
+.gd-rich-text-widget-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
@@ -23691,82 +23797,25 @@ div.gd-empty-item-bubble {
   top: 0;
 }
 
-.gd-rich-text-content {
-  width: 100%;
-  height: 100%;
+.gd-rich-text-widget {
   padding: 5px;
   border-radius: var(--gd-dashboards-content-widget-borderRadius, 15px);
-  min-height: 0;
 }
-.gd-rich-text-content textarea {
-  width: 100%;
-  height: 100%;
+.gd-rich-text-widget textarea {
   background-color: var(--gd-chart-backgroundColor, var(--gd-palette-complementary-0, #fff));
   line-height: 19px;
   font-size: 14px;
   font-weight: 400;
   font-family: menlo, monaco, consolas, "Courier New", monospace;
   color: var(--gd-palette-complementary-8, #464e56);
-  border: none;
-  resize: none;
-  outline: none;
-}
-.gd-rich-text-content .gd-rich-text-content-empty {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
-
-.gd-rich-text-content-view * {
-  margin-top: 0;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-}
-.gd-rich-text-content-view a {
-  cursor: pointer;
-  color: var(--gd-palette-primary-base, #14b2e2);
-  text-decoration: none;
-}
-.gd-rich-text-content-view a:hover, .gd-rich-text-content-view a:focus, .gd-rich-text-content-view a:active {
-  color: var(--gd-palette-complementary-8, #464e56);
-  text-decoration: underline;
-}
-.gd-rich-text-content-view h1,
-.gd-rich-text-content-view h2,
-.gd-rich-text-content-view h3 {
+.gd-rich-text-widget .gd-rich-text-content-view h1,
+.gd-rich-text-widget .gd-rich-text-content-view h2,
+.gd-rich-text-widget .gd-rich-text-content-view h3 {
   color: var(--gd-dashboards-title-color, var(--gd-palette-complementary-8, #464e56));
-  font-weight: 700;
-  text-align: left;
-  letter-spacing: 0;
-}
-.gd-rich-text-content-view h1 {
-  font-size: 17px;
-  line-height: 23px;
-}
-.gd-rich-text-content-view h2 {
-  font-size: 15px;
-  line-height: 20px;
-}
-.gd-rich-text-content-view h3 {
-  font-size: 14px;
-  line-height: 19px;
-}
-.gd-rich-text-content-view p,
-.gd-rich-text-content-view ul,
-.gd-rich-text-content-view ol {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 19px;
-  letter-spacing: 0;
-  text-align: left;
-}
-.gd-rich-text-content-view hr {
-  border-top: 0;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
 
-.gd-rich-text-footer {
+.gd-rich-text-widget-footer {
   padding: 0 4px;
   display: flex;
   justify-content: space-between;
@@ -23775,36 +23824,36 @@ div.gd-empty-item-bubble {
   height: 40px;
   min-height: 40px;
 }
-.gd-rich-text-footer .gd-divider {
+.gd-rich-text-widget-footer .gd-divider {
   margin: 4px;
   height: 20px;
   border-left: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
-.gd-rich-text-footer .gd-rich-text-footer-options {
+.gd-rich-text-widget-footer .gd-rich-text-footer-options {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   overflow: hidden;
   align-items: center;
 }
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed::before {
+.gd-rich-text-widget-footer .gd-rich-text-footer-options .gd-button-link-dimmed::before {
   top: 6px;
 }
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:focus {
+.gd-rich-text-widget-footer .gd-rich-text-footer-options .gd-button-link-dimmed:focus {
   color: var(--gd-palette-complementary-7, #778491);
 }
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover {
+.gd-rich-text-widget-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover {
   color: var(--gd-palette-complementary-8, #464e56);
 }
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover::before {
+.gd-rich-text-widget-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover::before {
   color: var(--gd-palette-complementary-8, #464e56);
 }
-.gd-rich-text-footer .gd-rich-text-footer-actions {
+.gd-rich-text-widget-footer .gd-rich-text-footer-actions {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.gd-rich-text-footer .gd-rich-text-footer-actions .gd-button-link.gd-button-icon-only.gd-icon-trash:hover::before {
+.gd-rich-text-widget-footer .gd-rich-text-footer-actions .gd-button-link.gd-button-icon-only.gd-icon-trash:hover::before {
   color: var(--gd-palette-error-base, #e54d42);
 }