Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(28)

Unified Diff: chrome/browser/resources/flags.css

Issue 1136133003: Update the visuals of about:flags "Relaunch Now" button. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: address review comments Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/flags.css
diff --git a/chrome/browser/resources/flags.css b/chrome/browser/resources/flags.css
index 5065b83a90a75f824d3b2bae9cdc90187c7fde22..c69ed920334c57fb92808bc7c32e663cc9792b89 100644
--- a/chrome/browser/resources/flags.css
+++ b/chrome/browser/resources/flags.css
@@ -7,8 +7,8 @@ body {
<if expr="not is_android and not is_ios">
min-width: 47em;
</if>
- /* Should match needs-restart.height + 5 */
- padding-bottom: 75px;
+ /* Should be larger than the evaluated height of needs-restart. */
+ padding-bottom: 100px;
}
a {
@@ -164,14 +164,14 @@ html[dir=rtl] #experiment-reset-all {
}
div.needs-restart {
+ /* If you modify properties that change the height of this,
+ * update body.padding-bottom. */
background: #FFF;
border-top: 1px solid rgb(181, 199, 222);
bottom: 0;
box-sizing: border-box;
- /* If you change this, update body.padding-bottom */
- height: 70px;
left: 0;
- padding-bottom: 25px;
+ padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
@@ -179,6 +179,22 @@ div.needs-restart {
width: 100%;
}
+.experiment-restart-button {
+ -webkit-user-select: none;
+ background: rgb(76, 142, 250);
+ border: 0;
+ border-radius: 2px;
+ box-sizing: border-box;
+ color: #fff;
+ cursor: pointer;
+ font-size: .875em;
+ font-weight: 600;
+ margin-top: 10px;
+ padding: 10px 24px;
+ text-transform: uppercase;
+ transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
button {
font-size: 104%;
}
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698