summaryrefslogtreecommitdiff
path: root/src/chrome
diff options
context:
space:
mode:
authorLootyhoof <lootyhoofer@gmail.com>2015-12-27 20:42:12 +0000
committerLootyhoof <lootyhoofer@gmail.com>2015-12-27 20:42:12 +0000
commitec4fbe8bed76e5fddca45cfd05e0224d533056c1 (patch)
tree6b8c2fa2bb45472171f45e325357dad6d9204694 /src/chrome
parentf1b545e64023dfdcb977c347d5e3bd36beeb59aa (diff)
Add .downloadDisplayName
Diffstat (limited to 'src/chrome')
-rw-r--r--src/chrome/browser/downloads/allDownloadsViewOverlay.css3
-rw-r--r--src/chrome/browser/downloads/downloads.css20
2 files changed, 13 insertions, 10 deletions
diff --git a/src/chrome/browser/downloads/allDownloadsViewOverlay.css b/src/chrome/browser/downloads/allDownloadsViewOverlay.css
index 9ecee37..90d40b4 100644
--- a/src/chrome/browser/downloads/allDownloadsViewOverlay.css
+++ b/src/chrome/browser/downloads/allDownloadsViewOverlay.css
@@ -28,7 +28,8 @@
28 list-style-image: url("chrome://global/skin/icons/Error.png"); 28 list-style-image: url("chrome://global/skin/icons/Error.png");
29} 29}
30 30
31.downloadTarget { 31.downloadTarget,
32.downloadDisplayName {
32 margin-bottom: 3px; 33 margin-bottom: 3px;
33 cursor: inherit; 34 cursor: inherit;
34} 35}
diff --git a/src/chrome/browser/downloads/downloads.css b/src/chrome/browser/downloads/downloads.css
index 50a813b..74ced38 100644
--- a/src/chrome/browser/downloads/downloads.css
+++ b/src/chrome/browser/downloads/downloads.css
@@ -93,19 +93,19 @@ richlistitem[type="download"]:first-child {
93 list-style-image: url("chrome://global/skin/icons/Error.png"); 93 list-style-image: url("chrome://global/skin/icons/Error.png");
94} 94}
95 95
96/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of 96/* We hold .downloadTarget, .downloadDisplayName, .downloadProgress and
97 a vbox with class .downloadContainer. We set the font-size of the entire 97 .downloadDetails inside of a vbox with class .downloadContainer.
98 container to 90% because: 98 We set the font-size of the entire container to 90% because:
99 99
100 1) This is the size that we want .downloadDetails to be 100 1) This is the size that we want .downloadDetails to be
101 2) The container's width is set by localizers by &downloadDetails.width;, 101 2) The container's width is set by localizers by &downloadDetails.width;,
102 which is a ch unit. Since this is the value that should control the 102 which is a ch unit. Since this is the value that should control the
103 panel width, we apply it to the outer container to constrain 103 panel width, we apply it to the outer container to constrain
104 .downloadTarget and .downloadProgress. 104 .downloadTarget/.downloadDisplayName and .downloadProgress.
105 105
106 Finally, since we want .downloadTarget's font-size to be at 100% of the 106 Finally, since we want .downloadTarget/.downloadDisplayName's font-size
107 font-size of .downloadContainer's parent, we use calc to go from the 107 to be at 100% of the font-size of .downloadContainer's parent,
108 smaller font-size back to the original font-size. 108 we use calc to go from the smaller font-size back to the original font-size.
109 */ 109 */
110#downloadsSummaryDetails, 110#downloadsSummaryDetails,
111.downloadContainer { 111.downloadContainer {
@@ -113,12 +113,14 @@ richlistitem[type="download"]:first-child {
113} 113}
114 114
115#downloadsSummaryDescription, 115#downloadsSummaryDescription,
116.downloadTarget { 116.downloadTarget,
117.downloadDisplayName {
117 margin-bottom: 6px; 118 margin-bottom: 6px;
118 cursor: inherit; 119 cursor: inherit;
119} 120}
120 121
121.downloadTarget { 122.downloadTarget,
123.downloadDisplayName {
122 font-size: calc(100%/0.9); 124 font-size: calc(100%/0.9);
123} 125}
124 126