[Frontend] Markup and CSS mods to fix click area in btn-menu objects
WTD-1002 WTD-942 Mods to markup and CSS to make click-area of menu buttons occupy full area of button
This commit is contained in:
@@ -295,13 +295,14 @@ label.checkbox.custom {
|
||||
|
||||
.btn-menu {
|
||||
$h: 20px;
|
||||
$p: 7px;
|
||||
$p: $interiorMargin;
|
||||
$c: $colorBodyFg;
|
||||
@include btnSubtle($colorBodyBg);
|
||||
height: $h;
|
||||
line-height: $h;
|
||||
&.dropdown {
|
||||
// padding-left: $p;
|
||||
padding-left: $p;
|
||||
padding-right: $p;
|
||||
}
|
||||
|
||||
@@ -318,8 +319,9 @@ label.checkbox.custom {
|
||||
}
|
||||
}
|
||||
|
||||
.l-click-area {
|
||||
// @include test();
|
||||
span.l-click-area {
|
||||
// In markup, this element should not enclose anything.
|
||||
@extend .abs;
|
||||
}
|
||||
|
||||
.type-icon {
|
||||
@@ -327,6 +329,8 @@ label.checkbox.custom {
|
||||
}
|
||||
.menu {
|
||||
// margin-left: (-1 * $p);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
text-align: left;
|
||||
.ui-symbol.icon {
|
||||
width: 12px;
|
||||
|
||||
@@ -7,6 +7,9 @@
|
||||
&:hover {
|
||||
border-color: lighten($bc, 10%);
|
||||
}
|
||||
.contents {
|
||||
// overflow: hidden;
|
||||
}
|
||||
}
|
||||
>.object-header.abs {
|
||||
font-size: 0.75em;
|
||||
|
||||
Reference in New Issue
Block a user