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

Side by Side Diff: chrome/browser/resources/options2/cookies_view.css

Issue 10108018: Fixed layout bug in cookies view and adjusted dialog and site column sizes. (Closed) Base URL: http://git.chromium.org/git/chromium.git@trunk
Patch Set: Improved formatting. Created 8 years, 8 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 /* Styles for the cookies list page. */ 5 /* Styles for the cookies list page. */
6 #cookies-view-page { 6 #cookies-view-page {
7 height: 90%; 7 height: 90%;
8 margin-left: -15px; 8 margin-left: -15px;
9 min-width: 700px; 9 min-width: 720px;
10 } 10 }
11 11
12 /* Styles for the cookies list elements in cookies_view.html. */ 12 /* Styles for the cookies list elements in cookies_view.html. */
13 #cookies-list { 13 #cookies-list {
14 -webkit-box-flex: 1; 14 -webkit-box-flex: 1;
15 /* This property overrides the |min-height: 192px;| property above due to 15 /* This property overrides the |min-height: 192px;| property above due to
16 * special behavior of the cookies list. */ 16 * special behavior of the cookies list. */
17 min-height: 0; 17 min-height: 0;
18 } 18 }
19 19
(...skipping 22 matching lines...) Expand all
42 #cookies-column-headers h3 { 42 #cookies-column-headers h3 {
43 font-size: 105%; 43 font-size: 105%;
44 font-weight: bold; 44 font-weight: bold;
45 margin: 10px 0; 45 margin: 10px 0;
46 } 46 }
47 47
48 /* Notice the width and padding for these columns match up with those below. */ 48 /* Notice the width and padding for these columns match up with those below. */
49 #cookies-site-column { 49 #cookies-site-column {
50 display: inline-block; 50 display: inline-block;
51 font-weight: bold; 51 font-weight: bold;
52 width: 11em; 52 width: 14em;
53 } 53 }
54 54
55 #cookies-data-column { 55 #cookies-data-column {
56 -webkit-padding-start: 7px; 56 -webkit-padding-start: 7px;
57 display: inline-block; 57 display: inline-block;
58 font-weight: bold; 58 font-weight: bold;
59 } 59 }
60 60
61 #cookies-list { 61 #cookies-list {
62 border: 1px solid #D9D9D9; 62 border: 1px solid #D9D9D9;
(...skipping 23 matching lines...) Expand all
86 } 86 }
87 87
88 /* Styles for the site (aka origin) and its summary. */ 88 /* Styles for the site (aka origin) and its summary. */
89 .cookie-site { 89 .cookie-site {
90 /* Notice that the width, margin, and padding match up with those above. */ 90 /* Notice that the width, margin, and padding match up with those above. */
91 -webkit-margin-end: 2px; 91 -webkit-margin-end: 2px;
92 -webkit-padding-start: 5px; 92 -webkit-padding-start: 5px;
93 display: inline-block; 93 display: inline-block;
94 overflow: hidden; 94 overflow: hidden;
95 text-overflow: ellipsis; 95 text-overflow: ellipsis;
96 width: 11em; 96 width: 14em;
97 } 97 }
98 98
99 list.cookie-list > .deletable-item[selected] .cookie-site { 99 list.cookie-list > .deletable-item[selected] .cookie-site {
100 -webkit-user-select: text; 100 -webkit-user-select: text;
101 } 101 }
102 102
103 .cookie-data { 103 .cookie-data {
104 display: inline-block; 104 display: inline-block;
105 max-width: 410px;
106 overflow: hidden;
107 text-overflow: ellipsis;
105 } 108 }
106 109
107 .cookie-size { 110 .cookie-size {
108 display: inline-block; 111 display: inline-block;
109 float: right; 112 float: right;
110 margin-right: 3em; 113 margin-right: 0;
111 } 114 }
112 115
113 list.cookie-list > .deletable-item[selected] .cookie-data { 116 list.cookie-list > .deletable-item[selected] .cookie-data {
114 -webkit-user-select: text; 117 -webkit-user-select: text;
115 } 118 }
116 119
117 120
118 /* Styles for the individual items (cookies, etc.). */ 121 /* Styles for the individual items (cookies, etc.). */
119 .cookie-items { 122 .cookie-items {
120 /* Notice that the margin and padding match up with those above. */ 123 /* Notice that the margin and padding match up with those above. */
121 -webkit-margin-start: 11em; 124 -webkit-margin-start: 14em;
122 -webkit-padding-start: 7px; 125 -webkit-padding-start: 7px;
123 -webkit-transition: 150ms ease-in-out; 126 -webkit-transition: 150ms ease-in-out;
124 height: 0; 127 height: 0;
125 opacity: 0; 128 opacity: 0;
126 /* Make the cookie items wrap correctly. */ 129 /* Make the cookie items wrap correctly. */
127 white-space: normal; 130 white-space: normal;
128 } 131 }
129 132
130 .measure-items .cookie-items { 133 .measure-items .cookie-items {
131 -webkit-transition: none; 134 -webkit-transition: none;
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
188 191
189 .cookie-details-label { 192 .cookie-details-label {
190 vertical-align: top; 193 vertical-align: top;
191 white-space: pre; 194 white-space: pre;
192 width: 10em; 195 width: 10em;
193 } 196 }
194 197
195 .cookie-details-value { 198 .cookie-details-value {
196 word-wrap: break-word; 199 word-wrap: break-word;
197 } 200 }
OLDNEW
« 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