CHG: Fix the position bug of dropdowns in the right edge of window

1 files changed, 5 insertions, 0 deletions

diff --git a/docs/css/spectre.css b/docs/css/spectre.css
index 6c27b11..b7a3105 100644
--- a/docs/css/spectre.css
+++ b/docs/css/spectre.css
@@ -1869,6 +1869,7 @@ textarea.form-input {
   margin-right: .4rem;
 }
 .dropdown {
+  display: inline-block;
   position: relative;
 }
 .dropdown .menu {
@@ -1879,6 +1880,10 @@ textarea.form-input {
   position: absolute;
   top: 100%;
 }
+.dropdown.dropdown-right .menu {
+  left: auto;
+  right: 0;
+}
 .dropdown.active .menu,
 .dropdown .dropdown-toggle:focus + .menu,
 .dropdown .menu:hover {