Files
transmission-mirror/macosx/QuickLookExtension/style.css
Dzmitry Neviadomski 9b496350a9 feat: Data-based QuickLook extension for macOS 12+ (#7213)
* feat: Prepate Xcode project skeleton for QuickLookExtension

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Add initial implementation of QuickLookExtension

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Add working Data-based QuickLook Preview

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Add new style.css

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Copy Localization.strings as is from legacy QuickLook plugin

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* fixup: Fix compilation missing NSStringAdditions

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* fixup: Apply clang-format, update style.css, fix file name reference

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Adopt CMake build from legacy QuickLook Plugin

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* fixup: Remove counter for debug

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* fixup: Make header row for file span across all table

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* feat: Improve style.css

- Use CSS Vars
- Add missing paddings
- Add sticky headers for tables

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Use UTType for Image generation more directly.

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Fixup for Xcode project checks in PR

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Fix Copyright and remove Xcode generated comments

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Remove unneeded fields from targets Info.plist template.

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Move tx localization to new QuickLook Extension

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

* Apply code review suggestions

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>

---------

Signed-off-by: Dzmitry Neviadomski <nevack.d@gmail.com>
2025-10-31 11:30:55 -05:00

107 lines
1.8 KiB
CSS

:root {
color-scheme: light dark;
--bg-color: rgb(255, 255, 255);
--fg-color: rgb(0, 0, 0);
--header-text-color: rgb(50, 50, 50);
--header-underline-color: rgb(230, 230, 230);
--row-fg-color: rgb(40, 40, 40);
--alt-row-bg-color: rgb(245, 245, 245);
--alt-col-fg-color: rgb(133, 133, 133);
}
@media (prefers-color-scheme: dark) {
:root {
--bg-color: rgb(30, 30, 30);
--fg-color: rgb(255, 255, 255);
--header-text-color: rgb(200, 200, 200);
--header-underline-color: rgb(55, 55, 55);
--row-fg-color: rgb(225, 225, 225);
--alt-row-bg-color: rgb(40, 40, 40);
--alt-col-fg-color: rgb(155, 155, 155);
}
}
html {
background: var(--bg-color);
color: var(--fg-color);
font-family: -apple-system, BlinkMacSystemFont, system-ui;
text-align: left;
}
table {
width: 100%;
border-spacing: 0;
}
/* Sticky Table Header Row */
tr:has(th) {
top: 0;
position: sticky;
background: var(--bg-color);
}
th {
padding-top: 8px;
color: var(--header-text-color);
border-bottom: 1px solid var(--header-underline-color);
font-weight: 500;
text-align: left;
}
tr:has(td):nth-child(odd) {
background: var(--alt-row-bg-color);
}
td {
color: var(--row-fg-color);
}
td.grey {
color: var(--alt-col-fg-color);
}
td:first-child {
padding-left: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
td:last-child {
padding-right: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
td:nth-child(1) {
text-align: left;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
td:nth-child(2) {
text-align: right;
width: 80px;
}
img.icon {
margin-right: 8px;
vertical-align: text-bottom;
}