diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css index 229f1bd..9c25918 100644 --- a/core/themes/seven/css/components/dropbutton.component.css +++ b/core/themes/seven/css/components/dropbutton.component.css @@ -66,6 +66,12 @@ margin-top: 0; } +.js td .dropbutton-multiple .dropbutton-action a { + white-space: pre-line; + max-width: 105px; + word-wrap: break-word; +} + @media screen and (min-width: 37.5625em) { /* 601px */ .dropbutton li { display: inline-block; @@ -77,6 +83,9 @@ .js .dropbutton li + li { margin-left: 0; } + .js td .dropbutton-multiple .dropbutton-action a { + max-width: 125px; + } } /** @@ -319,3 +328,30 @@ .form-actions .dropbutton-multiple.open .dropbutton-arrow { border-bottom: 0.3333em solid white; } + +@media screen and (max-width: 600px) { + .js td .dropbutton-multiple { + padding-right: 0; + } + .js .dropbutton-widget .dropbutton-action a, + .js .dropbutton-widget .dropbutton-action input, + .js .dropbutton-widget .dropbutton-action button { + padding-left: 1em; + padding-right: 1em; + } + .dropbutton-toggle { + width: 1.5em; + } + .js .dropbutton-multiple .dropbutton-widget { + padding-right: 1.5em; + } +} + +@media screen and (max-width: 480px) { + .js .dropbutton-widget .dropbutton-action a, + .js .dropbutton-widget .dropbutton-action input, + .js .dropbutton-widget .dropbutton-action button { + padding-left: 0.75em; + padding-right: 0.75em; + } +} \ No newline at end of file diff --git a/core/themes/seven/css/components/tables.css b/core/themes/seven/css/components/tables.css index 913e21a..07bcdfa 100644 --- a/core/themes/seven/css/components/tables.css +++ b/core/themes/seven/css/components/tables.css @@ -132,6 +132,12 @@ th.select-all { * Responsive tables. */ @media screen and (max-width: 37.5em) { /* 600px */ + table { + table-layout: fixed; + } + td, th { + word-wrap: break-word; + } th.priority-low, td.priority-low, th.priority-medium,