diff options
| author | Lootyhoof <lootyhoofer@gmail.com> | 2015-12-27 20:42:12 +0000 |
|---|---|---|
| committer | Lootyhoof <lootyhoofer@gmail.com> | 2015-12-27 20:42:12 +0000 |
| commit | ec4fbe8bed76e5fddca45cfd05e0224d533056c1 (patch) | |
| tree | 6b8c2fa2bb45472171f45e325357dad6d9204694 /src/chrome | |
| parent | f1b545e64023dfdcb977c347d5e3bd36beeb59aa (diff) | |
Add .downloadDisplayName
Diffstat (limited to 'src/chrome')
| -rw-r--r-- | src/chrome/browser/downloads/allDownloadsViewOverlay.css | 3 | ||||
| -rw-r--r-- | src/chrome/browser/downloads/downloads.css | 20 |
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 | ||
