diff options
| author | hallielaine@chromium.org <hallielaine@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2012-08-01 17:12:01 +0000 |
|---|---|---|
| committer | hallielaine@chromium.org <hallielaine@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2012-08-01 17:12:01 +0000 |
| commit | 20102d6b8b699204a8e3f382dbe78230551cce33 (patch) | |
| tree | ce9875b900711df5f1a8184a870a0461923793be /chrome | |
| parent | 9997b7f4b04e5457944562c51db146aee619a81d (diff) | |
| download | chromium_src-20102d6b8b699204a8e3f382dbe78230551cce33.zip chromium_src-20102d6b8b699204a8e3f382dbe78230551cce33.tar.gz chromium_src-20102d6b8b699204a8e3f382dbe78230551cce33.tar.bz2 | |
Create/Manage dialog UI changes for M22.
1. Added selection border for Avatar grid
2. Moved "Name" label above box
3. Added grey divider line above the button strip
Review URL: https://chromiumcodereview.appspot.com/10832075
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@149433 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome')
| -rw-r--r-- | chrome/browser/resources/options2/manage_profile_overlay.css | 43 | ||||
| -rw-r--r-- | chrome/browser/resources/options2/manage_profile_overlay.html | 8 |
2 files changed, 27 insertions, 24 deletions
diff --git a/chrome/browser/resources/options2/manage_profile_overlay.css b/chrome/browser/resources/options2/manage_profile_overlay.css index dabefea..6db1694 100644 --- a/chrome/browser/resources/options2/manage_profile_overlay.css +++ b/chrome/browser/resources/options2/manage_profile_overlay.css @@ -7,7 +7,6 @@ } .profile-icon-grid-item { - border: none !important; height: 31px; margin: 4px 6px; padding: 4px; @@ -19,6 +18,16 @@ width: 38px; } +.profile-name-container { + -webkit-box-align: center; + -webkit-box-orient: horizontal; + -webkit-box-pack: center; + display: -webkit-box; + margin-left: auto; + margin-right: auto; + width: 50%; +} + #create-profile-name:invalid { background-color: pink; } @@ -73,6 +82,17 @@ padding: 2px; } +/* Adds a grey horizontal line below content area */ +#create-profile-content:after, +#manage-profile-content:after { + background: #c0c0c0; + content: ''; + display: block; + height: 1px; + margin-top: 20px; + width: 100%; +} + #create-profile-content > :first-child { margin-bottom: 10px; } @@ -99,27 +119,6 @@ margin-top: 10px; } -#create-profile-name-div, -#manage-profile-name-div { - -webkit-box-align: center; - -webkit-box-orient: horizontal; - -webkit-box-pack: center; - display: -webkit-box; - margin-left: auto; - margin-right: auto; - width: 50%; -} - -#create-profile-name-label, -#manage-profile-name-label { - -webkit-margin-end: 20px; -} - -#create-profile-name, -#manage-profile-name { - -webkit-box-flex: 1; -} - .action-area-checkbox-container { -webkit-box-flex: 1; } diff --git a/chrome/browser/resources/options2/manage_profile_overlay.html b/chrome/browser/resources/options2/manage_profile_overlay.html index 16db6a2..a495f90 100644 --- a/chrome/browser/resources/options2/manage_profile_overlay.html +++ b/chrome/browser/resources/options2/manage_profile_overlay.html @@ -8,9 +8,11 @@ i18n-content="manageProfilesIconLabel"> </div> <grid id="manage-profile-icon-grid"></grid> - <div id="manage-profile-name-div"> + <div class="profile-name-container"> <span id="manage-profile-name-label" i18n-content="manageProfilesNameLabel"></span> + </div> + <div class="profile-name-container"> <input id="manage-profile-name" type="text" required> </div> <div id="manage-profile-error-bubble" hidden> @@ -56,10 +58,12 @@ <div id="create-profile-content" class="content-area"> <div id="create-profile-instructions"></div> <grid id="create-profile-icon-grid"></grid> - <div id="create-profile-name-div"> + <div class="profile-name-container"> <span id="create-profile-name-label" i18n-content="manageProfilesNameLabel"> </span> + </div> + <div class="profile-name-container"> <input id="create-profile-name" type="text" required> </div> <div id="create-profile-error-bubble" hidden></div> |