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

Unified Diff: chrome/browser/resources/options2/autofill_overlay.css

Issue 8895023: Options2: Pull the trigger. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: DIAF. Created 9 years 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
Index: chrome/browser/resources/options2/autofill_overlay.css
diff --git a/chrome/browser/resources/options2/autofill_overlay.css b/chrome/browser/resources/options2/autofill_overlay.css
new file mode 100644
index 0000000000000000000000000000000000000000..1bc2db496d48716b4a24f147e859deec4f07bc7b
--- /dev/null
+++ b/chrome/browser/resources/options2/autofill_overlay.css
@@ -0,0 +1,95 @@
+#autofill-edit-address-overlay {
+ min-width: 510px;
+}
+
+#autofill-edit-credit-card-overlay {
+ min-width: 500px;
+}
+
+div.table {
+ display: table;
+}
+
+div.cell {
+ display: table-cell;
+}
+
+div.row {
+ display: table-row;
+}
+
+div.input {
+ padding: 2px;
+}
+
+/* Size to match large name fields. */
+#company-name, #addr-line-1, #addr-line-2 {
+ width: 206px;
+}
+
+#country {
+ max-width: 450px;
+}
+
+#autofill-edit-address-overlay list {
+ /* Min height is a multiple of the list item height (32) */
+ min-height: 32px;
+ width: 176px;
+}
+
+#autofill-edit-address-overlay list div.static-text {
+ -webkit-box-flex: 1;
+ -webkit-border-radius: 2px;
+ -webkit-padding-start: 4px;
+ -webkit-padding-end: 4px;
+ border: 1px solid darkGray;
+ /* Set the line-height and min-height to match the height of an input element,
+ * so that even empty cells renderer with the correct height.
+ */
+ line-height: 1.75em;
+ min-height: 1.75em;
+ width: 141px;
+}
+
+#autofill-edit-address-overlay list input {
+ width: 151px;
+}
+
+#autofill-name-labels {
+ -webkit-box-orient: horizontal;
+ /* Set the margin to compensate for each list item's close button and
+ * padding.
+ */
+ -webkit-margin-end: 25px;
+ display: -webkit-box;
+}
+
+#autofill-name-labels label {
+ -webkit-box-flex: 1;
+ display: block;
+ /* Set the minimum width to the size of an input element, so that all boxes
+ * have an equal amount of flex space to work with.
+ */
+ min-width: 141px;
+}
+
+#autofill-edit-address-overlay list#full-name-list div.static-text {
+ width: 131px;
+}
+
+#autofill-edit-address-overlay list#full-name-list input {
+ width: 141px;
+}
+
+#autofill-edit-address-overlay list#full-name-list {
+ width: 100%;
+}
+
+#full-name-list div[role="listitem"] > div {
+ -webkit-box-orient: horizontal;
+ display: -webkit-box;
+}
+
+#full-name-list div[role="listitem"] > div > div {
+ -webkit-box-flex: 1;
+}
« no previous file with comments | « chrome/browser/resources/options2/autofill_options_list.js ('k') | chrome/browser/resources/options2/browser_options.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698