[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:
Charles Hacskaylo
2015-03-06 10:55:40 -08:00
parent 17566be971
commit c640d6238b
7 changed files with 85 additions and 70 deletions

View File

@@ -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;

View File

@@ -7,6 +7,9 @@
&:hover {
border-color: lighten($bc, 10%);
}
.contents {
// overflow: hidden;
}
}
>.object-header.abs {
font-size: 0.75em;