Bug 503889 - Investigate usable sizes and target areas for touch interactions. r=dao

This commit is contained in:
Felipe Gomes 2009-08-10 19:59:10 -07:00
parent 30a32157e7
commit 16b2db3c13
2 changed files with 36 additions and 3 deletions

View File

@ -1063,6 +1063,15 @@ toolbar[iconsize="small"] #fullscreen-button:hover:active {
-moz-padding-end: 2px;
}
.urlbar-icon {
padding: 0 2px !important;
}
.urlbar-icon:-moz-system-metric(touch-enabled) {
-moz-margin-end: 1px !important;
padding: 0 3px !important;
}
#urlbar-search-splitter {
min-width: 8px;
-moz-margin-start: -4px;
@ -1201,7 +1210,6 @@ statusbarpanel#statusbar-display {
/* ::::: go button ::::: */
#go-button {
padding: 0 2px;
list-style-image: url("chrome://browser/skin/Go-arrow.png");
-moz-image-region: rect(0px 16px 16px 0px);
}
@ -1212,7 +1220,6 @@ statusbarpanel#statusbar-display {
/* star button */
#star-button {
padding: 0 2px;
list-style-image: url("chrome://browser/skin/places/bookmark.png");
-moz-image-region: rect(0px 16px 16px 0px);
}
@ -1307,6 +1314,10 @@ statusbarpanel#statusbar-display {
background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png") repeat-x;
}
.tabbrowser-tabs:-moz-system-metric(touch-enabled) {
min-height: .81cm;
}
.tabs-container:not([overflow="true"]) {
-moz-padding-start: 3px;
}
@ -1418,6 +1429,10 @@ tabpanels {
list-style-image: url("chrome://global/skin/icons/close.png");
}
.tab-close-button:-moz-system-metric(touch-enabled) {
-moz-transform: scale(1.3);
}
.tab-close-button:hover,
.tabbrowser-tab[selected="true"] > .tab-close-button:hover {
-moz-image-region: rect(0px, 28px, 14px, 14px);
@ -1458,6 +1473,16 @@ tabpanels {
-moz-image-region: rect(0, 11px, 14px, 0);
}
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(touch-enabled),
.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(touch-enabled),
.tabs-alltabs-button:-moz-system-metric(touch-enabled) {
min-width: .81cm;
}
.tabs-newtab-button:-moz-system-metric(touch-enabled) {
min-width: 1cm;
}
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
.tabs-newtab-button:hover,
@ -1685,6 +1710,10 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
-moz-image-region: rect(0, 13px, 11px, 0);
}
#urlbar > .autocomplete-history-dropmarker:-moz-system-metric(touch-enabled) {
min-width: .64cm;
}
#urlbar > .autocomplete-history-dropmarker:hover ,
#urlbar > .autocomplete-history-dropmarker[open="true"] {
background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x 0 -60px !important;
@ -1719,7 +1748,6 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
#feed-button {
-moz-appearance: none;
min-width: 0px;
padding: 0 2px !important;
list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png");
-moz-image-region: rect(0px 16px 16px 0px);
}

View File

@ -94,6 +94,11 @@
-moz-image-region: rect(0px 16px 16px 0px);
}
.search-go-button:-moz-system-metric(touch-enabled) {
-moz-padding-start: 5px;
-moz-padding-end: 3px;
}
.search-go-button:-moz-locale-dir(rtl) {
-moz-transform: scaleX(-1);
}