diff --git a/core/themes/seven/css/components/dropbuttons.css b/core/themes/seven/css/components/dropbuttons.css index f5380bb..27df78a 100644 --- a/core/themes/seven/css/components/dropbuttons.css +++ b/core/themes/seven/css/components/dropbuttons.css @@ -14,13 +14,22 @@ /** * Overwrite Sevens button styling */ -.js .dropbutton-widget .button { +.dropbutton-widget .button { background: transparent; border: 0; border-radius: 0; box-shadow: none; } +.js td .dropbutton-multiple, +.js td .dropbutton-multiple { + display: block; + min-height: 2em; + position: relative; + padding-right: 10em; + max-width: 100%; +} + /** * Copied styling for .button. */ @@ -34,6 +43,9 @@ background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df); text-shadow: 0 1px hsla(0, 0%, 100%, 0.6); } +.js td .dropbutton-widget { + position: absolute; +} .dropbutton-multiple.open .dropbutton-widget { border-radius: 1em; } @@ -44,6 +56,11 @@ border-radius: 20em; padding: 4px 1.5em; } +.js .dropbutton-wrapper.open .dropbutton-widget .dropbutton-action a:hover, +.js .dropbutton-wrapper.open .dropbutton-widget .dropbutton-action input:hover, +.js .dropbutton-wrapper.open .dropbutton-widget .dropbutton-action button:hover { + text-decoration: underline; +} .js .dropbutton-widget .dropbutton-action.first a, .js .dropbutton-widget .dropbutton-action.first .button { border-radius: 20em 0 0 20em;