fix(popover): add highcontrast variables and additional height in docs

add highcontrast variables for tip make dummy spacing a bit larger to keep from hiding popover tip
adobe · Jul 27, 2023 · 51cd39d · 51cd39d
1 parent b0be52b
commit 51cd39d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/popover/index.css b/components/popover/index.css
@@ -82,8 +82,8 @@ governing permissions and limitations under the License.
       .spectrum-Popover-tip-triangle {
         stroke-linecap: square;
         stroke-linejoin: miter;
-        fill: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
-        stroke: var(--mod-popover-border-color, var(--spectrum-popover-border-color));
+        fill: var(--highcontrast-popover-background-color, var(--mod-popover-background-color, var(--spectrum-popover-background-color)));
+        stroke: var(--highcontrast-popover-border-color, var(--mod-popover-border-color, var(--spectrum-popover-border-color)));
         stroke-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
       }
     }

diff --git a/components/popover/metadata/popover.yml b/components/popover/metadata/popover.yml
@@ -98,7 +98,7 @@ examples:
               <path class="spectrum-Popover-tip-triangle" d="M-1,-1 8,8 17,-1">
             </svg>
           </div>
-          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 224px; min-width: 400px; max-width: 50%;"></div>
+          <div class="dummy-spacing" style="position: relative; box-sizing: border-box; height: 235px; min-width: 400px; max-width: 50%;"></div>
 
           <div class="dummy-source" style="position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 50px; background: #E6E6E6; border-radius: 8px; box-sizing: border-box;">
             <span><em>Source 50x100</em></span>