Commit 71a987d0 authored by alexpott's avatar alexpott

Issue #2349591 by betovarg, Outi, LoMo, juho.lehmonen, droplet, amitgoyal,...

Issue #2349591 by betovarg, Outi, LoMo, juho.lehmonen, droplet, amitgoyal, aliyakhan, jerrylow, klakegg: Dropdown action list shows up as a simple list without JavaScript
parent 0990ace5
......@@ -24,11 +24,13 @@
}
/* Splitbuttons */
.form-actions .dropbutton-wrapper {
float: left; /* LTR */
}
[dir="rtl"] .form-actions .dropbutton-wrapper {
float: right;
@media screen and (min-width:600px) {
.form-actions .dropbutton-wrapper {
float: left; /* LTR */
}
[dir="rtl"] .form-actions .dropbutton-wrapper {
float: right;
}
}
.js .form-actions .dropbutton-widget {
position: static;
......
......@@ -25,19 +25,48 @@
/**
* Overwrite Sevens button styling.
*/
.dropbutton-widget .button {
.js .dropbutton-widget .button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.dropbutton-multiple .dropbutton {
.js .dropbutton-multiple .dropbutton {
border-right: 0; /* LTR */
}
[dir="rtl"] .dropbutton-multiple .dropbutton {
[dir="rtl"].js .dropbutton-multiple .dropbutton {
border-left: 0;
}
/**
* Show dropbutton elements as buttons when javascript is disabled
*/
.dropbutton {
margin: 0;
padding: 0;
list-style-type: none;
}
.dropbutton li + li {
margin-top: 10px;
}
.js .dropbutton li {
margin-bottom: 0;
margin-right: 0;
}
.js .dropbutton li + li {
margin-top: 0;
}
@media screen and (min-width: 37.5625em) { /* 601px */
.dropbutton li {
display: inline-block;
}
.dropbutton li + li {
margin-left: 1em;
margin-top: 0;
}
}
/**
* Copied styling for .button.
*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment