wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 948778 - Add vertical rule to tab strip to visually indicate a cut-off point r=sfoster

Browse Source
This commit is contained in:
Rodrigo Silveira 2014-01-09 11:00:03 -08:00
parent 930c28ef10
commit 19d3ccd491
2 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
browser/metro/theme/browser.css
View File

@ -57,7 +57,8 @@
#tabs > .tabs-scrollbox > .scrollbutton-up {
list-style-image: url("images/tab-arrows.png") !important;
-moz-image-region: rect(15px 58px 63px 14px) !important;
padding-right: 13px;
padding-right: 15px;
width: @tabs_scrollarrow_width@;
}
#tabs > .tabs-scrollbox > .scrollbutton-up:hover {
-moz-image-region: rect(14px 102px 62px 58px) !important;
@ -72,7 +73,8 @@
#tabs > .tabs-scrollbox > .scrollbutton-down {
list-style-image: url("images/tab-arrows.png") !important;
-moz-image-region: rect(73px 58px 121px 14px) !important;
padding-left: 16px;
padding-left: 15px;
width: @tabs_scrollarrow_width@;
}
#tabs > .tabs-scrollbox > .scrollbutton-down:hover {
-moz-image-region: rect(72px 102px 120px 58px) !important;
@ -84,6 +86,30 @@
-moz-image-region: rect(73px 196px 121px 152px) !important;
}
.tabs-scrollbox > .scrollbutton-up:not([disabled]):not([collapsed])::after {
content: "";
visibility: visible;
display: block;
background-color: rgb(90, 91, 95);
position: absolute;
top: 0;
left: calc(@tabs_scrollarrow_width@ + @metro_spacing_normal@); /* .scrollbutton-up width + #tabs-container left padding */
width: 1px;
height: @tabs_height@;
}
.tabs-scrollbox > .scrollbutton-down:not([disabled]):not([collapsed])::before {
content: "";
visibility: visible;
display: block;
background-color: rgb(90, 91, 95);
position: absolute;
top: 0;
right: calc(@tabs_scrollarrow_width@ + @newtab_button_width@); /* .scrollbutton-down width + #newtab-button width */
width: 1px;
height: @tabs_height@;
}
#tabs-container[viewstate="snapped"] {
visibility: hidden;
}
@ -185,6 +211,7 @@ documenttab[selected] .documenttab-selection {
/* Add some extra padding for a larger target */
padding: 18px 20px 30px 20px;
width: @newtab_button_width@;
}
/* Start UI ----------------------------------------------------------------- */

2
browser/metro/theme/defines.inc
View File

@ -27,6 +27,8 @@
%define toolbar_height 69px
%define labelled_toolbar_height 90px
%define tabs_height 178px
%define newtab_button_width 63px
%define tabs_scrollarrow_width 64px
%define findbar_height 54px
%define progress_height 5px