Commit e96142c1 authored by oleg@chromium.org's avatar oleg@chromium.org

Replace yellow outline from focused searchbox with blue border. Replace yellow...

Replace yellow outline from focused searchbox with blue border. Replace yellow outlines with blue ones for buttons and rename input. Replace the default search cancel button with the custom one.

BUG=137995,137996,137997
TEST=

Review URL: https://chromiumcodereview.appspot.com/10826082

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@149182 0039d316-1c4b-4281-b951-d872f2087c98
parent bedaa5f7
...@@ -465,6 +465,8 @@ div.root-eject:hover { ...@@ -465,6 +465,8 @@ div.root-eject:hover {
} }
#search-box:focus { #search-box:focus {
border-color: rgb(77, 144, 254);
outline: none;
width: 240px; width: 240px;
} }
...@@ -474,6 +476,27 @@ div.root-eject:hover { ...@@ -474,6 +476,27 @@ div.root-eject:hover {
border-radius: 2px; border-radius: 2px;
} }
#search-box::-webkit-search-cancel-button {
-webkit-appearance: none;
background-image: -webkit-image-set(
url('../images/files/ui/search_clear.png') 1x,
url('../images/files/ui/2x/search_clear.png') 2x);
height: 16px;
width: 16px;
}
#search-box::-webkit-search-cancel-button:hover {
background-image: -webkit-image-set(
url('../images/files/ui/search_clear_hover.png') 1x,
url('../images/files/ui/2x/search_clear_hover.png') 2x);
}
#search-box::-webkit-search-cancel-button:active {
background-image: -webkit-image-set(
url('../images/files/ui/search_clear_pressed.png') 1x,
url('../images/files/ui/2x/search_clear_pressed.png') 2x);
}
button#detail-view { button#detail-view {
background-image: -webkit-image-set( background-image: -webkit-image-set(
url('../images/files/ui/view_list_black.png') 1x, url('../images/files/ui/view_list_black.png') 1x,
...@@ -747,6 +770,10 @@ body[type='full-page'] .thumbnail-grid .thumbnail-bottom { ...@@ -747,6 +770,10 @@ body[type='full-page'] .thumbnail-grid .thumbnail-bottom {
line-height: 20px; line-height: 20px;
} }
input.rename:focus {
outline-color: rgb(77, 144, 254);
}
/* Elements that need to be LTR even in an RTL context, but should align /* Elements that need to be LTR even in an RTL context, but should align
* left. Display size in Hebrew is such a case. * left. Display size in Hebrew is such a case.
*/ */
...@@ -1436,3 +1463,7 @@ body:not([type='saveas-file']):not([type='full-page']) ...@@ -1436,3 +1463,7 @@ body:not([type='saveas-file']):not([type='full-page'])
#list-container .table-header-cell:hover { #list-container .table-header-cell:hover {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
button:focus {
outline-color: rgb(77, 144, 254);
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment