Skip to content
Snippets Groups Projects
Commit 4c4b4a79 authored by Angie Byron's avatar Angie Byron
Browse files

Issue #1608878 follow-up by tim.plunkett: Move Dropbutton CSS to...

Issue #1608878 follow-up by tim.plunkett: Move Dropbutton CSS to dropbutton.base.css from node.admin.css.
parent 662c42a4
No related branches found
No related tags found
No related merge requests found
......@@ -7,6 +7,10 @@
/**
* The dropbutton arrow.
*/
.dropbutton-widget {
left: 0;
right: auto;
}
.dropbutton-toggle {
left: 0;
right: auto;
......
......@@ -14,10 +14,17 @@
box-sizing: border-box;
}
.dropbutton-wrapper {
display: inline-block;
display: block;
min-height: 2em;
position: relative;
}
.dropbutton-widget {
position: relative;
position: absolute;
right: 0; /* LTR */
}
.dropbutton-wrapper,
.dropbutton-widget {
max-width: 100%;
}
/* UL styles are over-scoped in core, so this selector needs weight parity. */
.dropbutton-widget .dropbutton {
......@@ -44,6 +51,13 @@
.dropbutton-multiple .dropbutton-widget {
padding-right: 2em; /* LTR */
}
.dropbutton-multiple.open,
.dropbutton-multiple.open .dropbutton-widget {
max-width: none;
}
.dropbutton-multiple.open {
z-index: 100;
}
.dropbutton-multiple .dropbutton .secondary-action {
display: none;
}
......
/**
* Operations dropbuttons
*/
.dropbutton-widget {
left: 0;
right: auto;
}
......@@ -9,27 +9,3 @@
.revision-current {
background: #ffc;
}
/**
* Operations dropbuttons
*/
.dropbutton-wrapper {
display: block;
min-height: 2em;
position: relative;
}
.dropbutton-widget {
position: absolute;
right: 0; /* LTR */
}
.dropbutton-wrapper,
.dropbutton-widget {
max-width: 100%;
}
.dropbutton-multiple.open,
.dropbutton-multiple.open .dropbutton-widget {
max-width: none;
}
.dropbutton-multiple.open {
z-index: 100;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment