Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-08 19:04:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1307027 - Fix vertical position for caret images. r=mtseng

Browse Source 
After the splitting of text overlay and the caret images, the caret image should
be placed from the top of #image div.

Delete those "top" style for Fennec since they're not needed anymore in current
setup.

MozReview-Commit-ID: Dn6jgqaFfek

--HG--
extra : rebase_source : 92b697db26cb7311fbd22a63e9f0ed71e6a434f4
This commit is contained in:
Ting-Yu Lin 2016-10-03 15:26:40 +08:00
parent cec63270ac
commit 12ef09026a
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style/res/ua.css
View File

@ -372,7 +372,7 @@ div:-moz-native-anonymous.moz-accessiblecaret > #image {
}
div:-moz-native-anonymous.moz-accessiblecaret > #image {
background-position: center bottom;
background-position: center top;
background-size: 100%;
background-repeat: no-repeat;
background-origin: content-box;

23
mobile/android/themes/core/content.css
View File

@ -336,34 +336,39 @@ input[type=number]::-moz-number-spin-box {
display: none;
}
/* Override accessiblecaret css in layout/style/ua.css */
div:-moz-native-anonymous.moz-accessiblecaret > #text-overlay,
div:-moz-native-anonymous.moz-accessiblecaret > #image {
/* border: 0.1px solid red; */ /* Uncomment border to see the touch target. */
padding-left: 59%; /* ((48-22)/2)px / 22px ~= 59% */
padding-right: 59%;
padding-left: 59%; /* Enlarge the touch area. ((48-22)/2)px / 22px ~= 59% */
padding-right: 59%; /* Enlarge the touch area. */
left: -59%;
}
div:-moz-native-anonymous.moz-accessiblecaret > #image {
padding-bottom: 59%;
padding-bottom: 59%; /* Enlarge the touch area. */
}
/* Override accessiblecaret css in layout/style/ua.css */
div:-moz-native-anonymous.moz-accessiblecaret.normal > #image {
background-image: url("chrome://browser/skin/images/accessiblecaret-normal-hdpi.png");
top: 11%; /* space between the blinking cursor and the caret */
}
div:-moz-native-anonymous.moz-accessiblecaret.left > #text-overlay,
div:-moz-native-anonymous.moz-accessiblecaret.left > #image {
margin-left: -50%;
}
div:-moz-native-anonymous.moz-accessiblecaret.left > #image {
background-image: url("chrome://browser/skin/images/accessiblecaret-tilt-left-hdpi.png");
margin-left: -50%;
top: 1%; /* space between the selection highlight and the caret */
}
div:-moz-native-anonymous.moz-accessiblecaret.right > #text-overlay,
div:-moz-native-anonymous.moz-accessiblecaret.right > #image {
margin-left: 47%;
}
div:-moz-native-anonymous.moz-accessiblecaret.right > #image {
background-image: url("chrome://browser/skin/images/accessiblecaret-tilt-right-hdpi.png");
margin-left: 47%;
top: 1%; /* space between the selection highlight and the caret */
}
@media (min-resolution: 1.5dppx) {