diff options
| author | mad@chromium.org <mad@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-03-26 21:38:15 +0000 |
|---|---|---|
| committer | mad@chromium.org <mad@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-03-26 21:38:15 +0000 |
| commit | a7c94bc9887ce9ab4afbaa7149b403db81940cac (patch) | |
| tree | a2cc73c7560acb582769a4f78dfb3b5e18fa609c /chrome/browser/resources/ntp4/apps_page.css | |
| parent | 6c6361d31df0f6397092bba0659230bcad7ef88c (diff) | |
| download | chromium_src-a7c94bc9887ce9ab4afbaa7149b403db81940cac.zip chromium_src-a7c94bc9887ce9ab4afbaa7149b403db81940cac.tar.gz chromium_src-a7c94bc9887ce9ab4afbaa7149b403db81940cac.tar.bz2 | |
Add a new App launcher promo to the apps page / NTP.
Simple change in chrome/browser/chrome_browser_main.cc
TBR=ben@chromium.org
BUG=180475
TEST=Make sure the apps promo only show on apps page of the NTP (or chrome://apps) and that it links to webstore (specific page to be added later on the webstore) and that it doesn't come back on a given installation of Chrome once dismissed with the X close button. That dimiss state can be reset with the command line switch --reset-show-apps-promo to help test it. Also, this shouldn't show when the App Launcher is installer... since no apps page should be shown anyway (tested with --show-app-list-shortcut)
Review URL: https://chromiumcodereview.appspot.com/12985002
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@190772 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources/ntp4/apps_page.css')
| -rw-r--r-- | chrome/browser/resources/ntp4/apps_page.css | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/chrome/browser/resources/ntp4/apps_page.css b/chrome/browser/resources/ntp4/apps_page.css index dbea2ba..bd2e9cc 100644 --- a/chrome/browser/resources/ntp4/apps_page.css +++ b/chrome/browser/resources/ntp4/apps_page.css @@ -99,3 +99,65 @@ .app .invisible { visibility: hidden; } + +#app-launcher-promo { + background-color: white; + border: 1px solid lightgray; + border-bottom-width: 3px; + border-radius: 2px; + border-top-width: 2px; + bottom: 90px; + font-family: Arial, Helvetica, sans-serif; + height: 120px; + left: 50%; + margin-left: -300px; + position: fixed; + width: 600px; +} + +#app-launcher-promo > .close-button { + position: absolute; + right: 10px; + top: 10px; + width: 14px; +} + +.apps-promo-text { + color: #222; + font-size: 16px; + left: 30px; + line-height: 24px; + position: absolute; + top: 30px; +} + +.apps-promo-learn-more { + background-color: rgb(77, 144, 254); + border: 1px solid rgb(47, 91, 183); + border-radius: 2px; + color: white; + cursor: default; + font-size: 11px; + font-weight: bold; + height: 27px; + left: 30px; + line-height: 27px; + padding: 0 8px; + position: absolute; + text-align: center; + text-decoration: none; + top: 70px; + width: 90px; +} + +.apps-promo-learn-more:hover { + background-image: -webkit-linear-gradient( + top, rgb(77, 144, 254), rgb(53, 122, 232)); + border: 1px solid rgb(47, 91, 183); +} + +#app-launcher-promo > img { + bottom: 0; + position: absolute; + right: 30px; +} |