Revision as of 17:02, 1 June 2025

This is a SANDBOX page, feel free to make any alterations.

Template:Css test

@@ Line 14: / Line 14: @@
    opacity: 0;
    transition: opacity 0.2s;
-   width: 140px;
+   max-width: 320px;
+  width: max-content;           /* shrink-wrap text width */
    background-color: white;
    color: black;
-   text-align: center;
+   text-align: left;
    border-radius: 3px;
-   padding: 6px 8px;
+   padding: 6px 10px;
-   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
+   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
@@ Line 27: / Line 28: @@
    bottom: 100%;
    left: 50%;
-   margin-left: -60px;
+   transform: translateX(-50%);
+  white-space: nowrap;          /* prevent text wrapping */
+  overflow-x: auto;             /* enable horizontal scroll if text too long */
 }