Improve tab overflow button

With the tab overflow menu being perfect, I might as well fix the
button that opens it. It used to use default browser styles, which
was mostly fine in OS X but ugly on other systems, and nearly
unusable in iOS. The new one looks lovely on all OSes.
This commit is contained in:
Guangcong Luo 2015-07-17 03:35:23 -04:00
parent ebd0bfef58
commit ba0a7e72ff
2 changed files with 5 additions and 4 deletions

View File

@ -1790,7 +1790,7 @@
var offset = $lastLi.offset();
var width = $lastLi.outerWidth();
if (offset.top >= 37 || offset.left + width > $(window).width() - 165) {
this.$tabbar.append('<div class="overflow"><button name="tablist"><i class="icon-caret-down"></i></button></div>');
this.$tabbar.append('<div class="overflow"><button name="tablist" class="button"><i class="icon-caret-down"></i></button></div>');
}
if (app.rooms['']) app.rooms[''].updateRightMenu();

View File

@ -176,11 +176,12 @@ a.subtle:hover {
right: 0;
z-index: 12;
}
.maintabbar .overflow button {
height: 36px;
width: 29px;
.maintabbar .overflow .button {
height: 37px;
width: 32px;
font-size: 12pt;
margin: 0;
border-radius: 0;
}
.button {