vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

chore(deps): update dependency postcss-preset-env to v8 #3000

Merged
konrad merged 2 commits from renovate/postcss-preset-env-8.x into main 2023-02-02 11:49:32 +00:00
Conversation 11 Commits 2 Files Changed 3 +326 -242
renovate commented 2023-01-24 11:03:59 +00:00
Member
Copy Link

This PR contains the following updates:

Package Type Update Change
postcss-preset-env (source) devDependencies major 7.8.3 -> 8.0.1

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

  • If you want to rebase/retry this PR, click this checkbox. ⚠ Warning: custom changes will be lost.

This PR has been generated by Renovate Bot.

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [postcss-preset-env](https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#readme) ([source](https://github.com/csstools/postcss-plugins)) | devDependencies | major | [`7.8.3` -> `8.0.1`](https://renovatebot.com/diffs/npm/postcss-preset-env/7.8.3/8.0.1) | --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Renovate will not automatically rebase this PR, because other commits have been found. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, click this checkbox. ⚠ **Warning**: custom changes will be lost. --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzMi4yNDAuMiIsInVwZGF0ZWRJblZlciI6IjMyLjI0MC4yIn0=-->
renovate added the
dependencies
 label 2023-01-24 11:03:59 +00:00
frederick commented 2023-01-24 11:09:20 +00:00
Member
Copy Link

Hi renovate!

Thank you for creating a PR!

I've deployed the changes of this PR on a preview environment under this URL: https://3000-renovate-postcss-preset-env-8-x--vikunja-frontend-preview.netlify.app

You can use this url to view the changes live and test them out.
You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/.

Have a nice day!

Beep boop, I'm a bot.

Hi renovate! Thank you for creating a PR! I've deployed the changes of this PR on a preview environment under this URL: https://3000-renovate-postcss-preset-env-8-x--vikunja-frontend-preview.netlify.app You can use this url to view the changes live and test them out. You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/. Have a nice day! > Beep boop, I'm a bot.
dpschen commented 2023-01-24 13:29:25 +00:00
Member
Copy Link

This needs some addtitional changes

This needs some addtitional changes
dpschen requested changes 2023-01-24 13:30:00 +00:00
dpschen left a comment
Member

We need to adjust the settings.

We need to adjust the settings.
👍 1
renovate force-pushed renovate/postcss-preset-env-8.x from 8260a951ee to 3c7719de9f 2023-01-24 16:04:35 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 3c7719de9f to 75d3110c63 2023-01-24 17:04:35 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 75d3110c63 to 133e5ab57b 2023-01-24 18:04:34 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 133e5ab57b to 72f24936b7 2023-01-24 19:04:00 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 72f24936b7 to 23111ffb87 2023-01-24 21:04:40 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 23111ffb87 to 6678295e45 2023-01-24 22:03:57 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 6678295e45 to 17ccce42ed 2023-01-24 23:04:10 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 17ccce42ed to 2b53702a76 2023-01-25 13:03:56 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 2b53702a76 to 498f392938 2023-01-25 15:03:57 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 498f392938 to cb4c290c7b 2023-01-25 16:04:00 +00:00 Compare
dpschen approved these changes 2023-01-25 16:12:50 +00:00
dpschen commented 2023-01-25 16:13:16 +00:00
Member
Copy Link

This is not an approve.

Just trying to stop renovate.

**This is not an approve.** Just trying to stop renovate.
konrad commented 2023-01-25 16:40:41 +00:00
Owner
Copy Link

Renovate will rebase the PR when it becomes conflicted. Not sure if an approval will change that.

Renovate will rebase the PR when it becomes conflicted. Not sure if an approval will change that.
renovate force-pushed renovate/postcss-preset-env-8.x from cb4c290c7b to 9b83e66aef 2023-01-25 18:04:03 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 9b83e66aef to fc7c3311f8 2023-01-26 01:03:59 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from fc7c3311f8 to a6f110eedd 2023-01-26 13:04:25 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from a6f110eedd to 5a18c573c8 2023-01-26 15:04:27 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 5a18c573c8 to 901fcc3ab6 2023-01-26 16:04:19 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 901fcc3ab6 to 928ace3bb0 2023-01-26 17:04:18 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 928ace3bb0 to 7a4f63c212 2023-01-26 21:04:27 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 7a4f63c212 to 3aa5dc9575 2023-01-26 23:04:06 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 3aa5dc9575 to ceaa49ad13 2023-01-27 01:04:03 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from ceaa49ad13 to b6fea0f951 2023-01-27 08:04:05 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from b6fea0f951 to 9a2d7bf276 2023-01-27 14:04:01 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 9a2d7bf276 to 9fed833db7 2023-01-27 17:04:35 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 9fed833db7 to 56fc05c0f6 2023-01-28 01:04:33 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 56fc05c0f6 to e0080d423d 2023-01-28 06:04:34 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from e0080d423d to 4e94709cae 2023-01-28 08:04:21 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 4e94709cae to c7e275f0db 2023-01-28 09:03:55 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from c7e275f0db to d260d9527a 2023-01-28 20:04:13 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from d260d9527a to 07934824ff 2023-01-29 14:04:13 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 07934824ff to b2e29306ce 2023-01-29 15:04:19 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from b2e29306ce to f02c9420c3 2023-01-29 20:03:57 +00:00 Compare
konrad commented 2023-01-29 21:46:40 +00:00
Owner
Copy Link

@dpschen what settings do we need to change?

@dpschen what settings do we need to change?
renovate force-pushed renovate/postcss-preset-env-8.x from f02c9420c3 to 660ddd01df 2023-01-30 08:04:10 +00:00 Compare
dpschen commented 2023-01-30 10:04:23 +00:00
Member
Copy Link

@dpschen what settings do we need to change?

At least going through their changelog / migration.

I read somewhere that client side js is disabled by default now for the polyfills. Might be that we rely on one of them.

There could also be plugins that we use and that are not part of the bundle any more.

> @dpschen what settings do we need to change? At least going through their changelog / migration. I read somewhere that client side js is disabled by default now for the polyfills. Might be that we rely on one of them. There could also be plugins that we use and that are not part of the bundle any more.
konrad commented 2023-01-30 20:52:46 +00:00
Owner
Copy Link

I did a build of the main branch and one on this branch and diffed the css output, these are different:

BaseButton-0c589ca2.css
BaseButton-4f62cd82.css
TaskDetailView-1545bc35.css
TaskDetailView-2022c382.css
background-516f12bd.css
background-b4a077e1.css
button-17a40909.css
button-9becbb07.css
editor-65e1561a.css
editor-d09a5082.css
index-24453eb4.css
index-521500f6.css
index-de1fe361.css
index-ee7c9778.css
multiselect-88f2eefa.css
multiselect-c933e66d.css
I did a build of the main branch and one on this branch and diffed the css output, these are different: ``` BaseButton-0c589ca2.css BaseButton-4f62cd82.css TaskDetailView-1545bc35.css TaskDetailView-2022c382.css background-516f12bd.css background-b4a077e1.css button-17a40909.css button-9becbb07.css editor-65e1561a.css editor-d09a5082.css index-24453eb4.css index-521500f6.css index-de1fe361.css index-ee7c9778.css multiselect-88f2eefa.css multiselect-c933e66d.css ```
konrad commented 2023-01-30 20:56:04 +00:00
Owner
Copy Link

diff dist/assets/BaseButton-4f62cd82.css dist-main/assets/BaseButton-0c589ca2.css

1c1
< :where(.base-button--type-button){border:0;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.base-button){cursor:pointer;display:inline-block;color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}:where(.base-button):focus,:where(.base-button).is-focused{outline:transparent}:where(.base-button)[disabled]{cursor:default}
---
> :where(.base-button--type-button){border:0;margin:0;padding:0;text-decoration:none;background-color:transparent;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.base-button){cursor:pointer;display:inline-block;color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}:where(.base-button):focus,:where(.base-button).is-focused{outline:transparent}:where(.base-button)[disabled]{cursor:default}

diff dist/assets/TaskDetailView-2022c382.css dist-main/assets/TaskDetailView-1545bc35.css

1c1
< .attachments input[type=file][data-v-879e9021]{display:none}@media screen and (max-width: 769px){.attachments .button[data-v-879e9021]{width:100%}}.files[data-v-879e9021]{margin-bottom:1rem}.attachment[data-v-879e9021]{margin-bottom:.5rem;display:block;transition:background-color .15s ease;border-radius:4px;padding:.5rem}.attachment[data-v-879e9021]:hover{background-color:var(--grey-200)}.filename[data-v-879e9021]{font-weight:700;margin-bottom:.25rem;color:var(--text)}.info[data-v-879e9021]{color:var(--grey-500);font-size:.9rem}.info p[data-v-879e9021]{margin-bottom:0;display:flex}.info p>span[data-v-879e9021]:not(:last-child):after,.info p>button[data-v-879e9021]:not(:last-child):after{content:"\b7";padding:0 .25rem}.dropzone[data-v-879e9021]{position:fixed;background:rgba(250,250,250,.8);top:0;left:0;bottom:0;right:0;z-index:100;text-align:center}.dropzone.hidden[data-v-879e9021]{display:none}.drop-hint[data-v-879e9021]{position:absolute;bottom:0;left:0;right:0}.drop-hint .icon[data-v-879e9021]{width:100%;font-size:5rem;height:auto;text-shadow:var(--shadow-md);animation:bounce-879e9021 2s infinite}@media (prefers-reduced-motion: reduce){.drop-hint .icon[data-v-879e9021]{animation:none}}.drop-hint .hint[data-v-879e9021]{margin:.5rem auto 2rem;border-radius:2px;box-shadow:var(--shadow-md);background:var(--primary);padding:1rem;color:var(--white);width:100%;max-width:300px}.attachment-info-meta[data-v-879e9021]{display:flex;align-items:center}.attachment-info-meta[data-v-879e9021] .user{display:flex!important}.attachment-info-meta[data-v-879e9021] .user{align-items:center;margin:0 .5rem}@media screen and (max-width: 384.5px){.attachment-info-meta[data-v-879e9021]{flex-direction:column;align-items:flex-start}.attachment-info-meta[data-v-879e9021] .user{margin:.5rem 0}.attachment-info-meta>span[data-v-879e9021]:not(:last-child):after,.attachment-info-meta>button[data-v-879e9021]:not(:last-child):after{display:none}.attachment-info-meta .user .username[data-v-879e9021]{display:none}}.attachment-info-meta-button[data-v-879e9021]{color:var(--link)}@keyframes bounce-879e9021{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.is-task-cover[data-v-879e9021]{background:var(--primary);color:var(--white);padding:.25rem .35rem;border-radius:4px;font-size:.75rem}.media-left[data-v-32939ce2]{margin:0 1rem!important}.comment-info[data-v-32939ce2]{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 769px){.comment-info img[data-v-32939ce2]{display:block;width:20px;height:20px;padding-right:0;margin-right:.5rem}}@media screen and (min-width: 769px){.comment-info img[data-v-32939ce2]{display:none}}.comment-info span[data-v-32939ce2]{font-size:.75rem;line-height:1}.image.is-avatar[data-v-32939ce2]{border-radius:100%}.media-content[data-v-32939ce2]{width:calc(100% - 48px - 2rem)}.created[data-v-bc177b3e]{font-size:.75rem;color:var(--grey-500);text-align:right}.datepicker input.input[data-v-0f21c9ec]{display:none}.datepicker-popup[data-v-0f21c9ec]{position:absolute;z-index:99;width:320px;background:var(--white);border-radius:4px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(var(--scheme-invert-rgb, 10, 10, 10),.1),0 0 0 1px rgba(var(--scheme-invert-rgb, 10, 10, 10),.02)}@media screen and (max-width: 769px){.datepicker-popup[data-v-0f21c9ec]{width:calc(100vw - 5rem)}}.datepicker__quick-select-date[data-v-0f21c9ec]{display:flex;align-items:center;padding:0 .5rem;width:100%;height:2.25rem;color:var(--text);transition:all .15s ease}.datepicker__quick-select-date[data-v-0f21c9ec]:first-child{border-radius:4px 4px 0 0}.datepicker__quick-select-date[data-v-0f21c9ec]:hover{background:var(--grey-100)}.datepicker__quick-select-date .text[data-v-0f21c9ec]{width:100%;font-size:.85rem;display:flex;justify-content:space-between;padding-right:.25rem}.datepicker__quick-select-date .text .weekday[data-v-0f21c9ec]{color:var(--text-light);text-transform:capitalize}.datepicker__quick-select-date .icon[data-v-0f21c9ec]{width:2rem;text-align:center}.datepicker__close-button[data-v-0f21c9ec]{margin:1rem;width:calc(100% - 2rem)}[data-v-0f21c9ec] .flatpickr-calendar{margin:0 auto 8px;box-shadow:none}.assignee[data-v-a0989144]{position:relative}.assignee[data-v-a0989144]:not(:first-child){margin-left:-1.5rem}.assignee[data-v-a0989144] .user img{border:2px solid var(--white);margin-right:0}.remove-assignee[data-v-a0989144]{position:absolute;top:4px;left:2px;color:var(--danger);background:var(--white);padding:0 4px;display:block;border-radius:100%;font-size:.75rem;width:18px;height:18px;z-index:100}.heading[data-v-af2aa7c5]{display:flex;justify-content:space-between;text-transform:none;align-items:center}@media screen and (max-width: 769px){.heading[data-v-af2aa7c5]{flex-direction:column;align-items:start}}.title[data-v-af2aa7c5]{margin-bottom:0}.title.input[data-v-af2aa7c5]{min-height:calc(2.625rem + 2px)}@media screen and (max-width: 769px){.title.input[data-v-af2aa7c5]{margin:0 -.3rem .5rem}}.title.task-id[data-v-af2aa7c5]{color:var(--grey-400);white-space:nowrap}.heading__done[data-v-af2aa7c5]{margin-left:.5rem}.color-bubble[data-v-af2aa7c5]{height:.75rem;width:.75rem}.add-task-relation-button[data-v-7674a29f]{margin-top:-3rem}.add-task-relation-button svg[data-v-7674a29f]{transition:transform .15s ease}.add-task-relation-button.is-active svg[data-v-7674a29f]{transform:rotate(45deg)}.different-list[data-v-7674a29f]{color:var(--grey-500);width:auto}.title[data-v-7674a29f]{font-size:1rem;margin:0}.tasks[data-v-7674a29f]{padding:.5rem}.task[data-v-7674a29f]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem;transition:background-color .15s ease;border-radius:4px}.task[data-v-7674a29f]:hover{background-color:var(--grey-200)}.task a[data-v-7674a29f]{color:var(--text);transition:color ease .15s}.task a[data-v-7674a29f]:hover{color:var(--grey-900)}.remove[data-v-7674a29f]{text-align:center;color:var(--danger);opacity:0;transition:opacity .15s ease}.task:hover .remove[data-v-7674a29f]{opacity:1}.none[data-v-7674a29f]{font-style:italic;text-align:center}[data-v-7674a29f] .multiselect .search-results button{padding:.5rem}.task-done-checkbox[data-v-7674a29f]{padding:0;height:18px}.reminders .reminder-input[data-v-9a7db3ff]{display:flex;align-items:center}.reminders .reminder-input.overdue[data-v-9a7db3ff] .datepicker .show{color:var(--danger)}.reminders .reminder-input[data-v-9a7db3ff]:last-child{margin-bottom:.75rem}.reminders .reminder-input .remove[data-v-9a7db3ff]{color:var(--danger);padding-left:.5rem}p[data-v-4592ad7c]{padding-top:6px}.input[data-v-4592ad7c]{min-width:2rem}.task-view-container[data-v-da9ee054]{--primary-light: hsla(var(--primary-h), var(--primary-s), 73%, var(--primary-a));padding-bottom:0}@media screen and (min-width: 1024px){.task-view-container[data-v-da9ee054]{padding-bottom:1rem}}.task-view[data-v-da9ee054]{padding-top:1rem;padding-left:.5rem;padding-right:.5rem;background-color:var(--site-background)}@media screen and (min-width: 1024px){.task-view[data-v-da9ee054]{padding:1rem}}.is-modal .task-view[data-v-da9ee054]{background-color:var(--site-background)!important}.is-modal .task-view[data-v-da9ee054]{border-radius:4px;padding:1rem;color:var(--text)}@media screen and (max-width: 800px){.is-modal .task-view[data-v-da9ee054]{border-radius:0;padding-top:2rem}}.task-view *[data-v-da9ee054]{transition:opacity 50ms ease}.is-loading .task-view *[data-v-da9ee054]{opacity:0}.subtitle[data-v-da9ee054]{color:var(--grey-500);margin-bottom:1rem}.subtitle a[data-v-da9ee054]{color:var(--grey-800)}h3 .button[data-v-da9ee054]{vertical-align:middle}.icon.is-grey[data-v-da9ee054]{color:var(--grey-400)}.date-input[data-v-da9ee054]{display:flex;align-items:center}.remove[data-v-da9ee054]{color:var(--danger);vertical-align:middle;padding-left:.5rem;line-height:1}[data-v-da9ee054] .datepicker{width:100%}[data-v-da9ee054] .datepicker .show{color:var(--text);padding:.25rem .5rem;transition:background-color .15s ease;border-radius:4px;display:block;margin:.1rem 0;width:100%;text-align:left}[data-v-da9ee054] .datepicker .show:hover{background:var(--white)}[data-v-da9ee054] .datepicker.disabled .show:hover{background:transparent}.details[data-v-da9ee054]{padding-bottom:.75rem;flex-flow:row wrap;margin-bottom:0}.details .detail-title[data-v-da9ee054]{display:block;color:var(--grey-400)}.details .none[data-v-da9ee054]{font-style:italic}.details .column[data-v-da9ee054]:nth-child(2n){page-break-after:always;-moz-column-break-after:always;break-after:always}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover){background:transparent;border-color:transparent}[data-v-da9ee054] .details .input:not(.has-defaults),[data-v-da9ee054] .details .textarea,[data-v-da9ee054] .details .select:not(.has-defaults) select,[data-v-da9ee054] .heading .input:not(.has-defaults),[data-v-da9ee054] .heading .textarea,[data-v-da9ee054] .heading .select:not(.has-defaults) select{cursor:pointer;transition:all .15s}[data-v-da9ee054] .details .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .details .textarea::-moz-placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::-moz-placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .heading .textarea::-moz-placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::-moz-placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .details .textarea::placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .heading .textarea::placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):focus,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):focus,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):focus,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):focus{background:var(--scheme-main);border-color:var(--border);cursor:text}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active{cursor:text;border-color:var(--link)}[data-v-da9ee054] .details .select:not(.has-defaults):after,[data-v-da9ee054] .heading .select:not(.has-defaults):after{opacity:0}[data-v-da9ee054] .details .select:not(.has-defaults):hover:after,[data-v-da9ee054] .heading .select:not(.has-defaults):hover:after{opacity:1}.attachments[data-v-da9ee054]{margin-bottom:0}.attachments table tr:last-child td[data-v-da9ee054]{border-bottom:none}@media screen and (min-width: 769px){.action-buttons[data-v-da9ee054]{position:sticky;top:5.5rem;align-self:flex-start}}.action-buttons .button[data-v-da9ee054]{width:100%;margin-bottom:.5rem;justify-content:left}.action-buttons .button.has-light-text[data-v-da9ee054]{color:var(--white)}@media screen and (min-width: 769px){.is-modal .action-buttons[data-v-da9ee054]{top:6.5rem}}@media screen and (min-width: 1108px){.is-modal .action-buttons[data-v-da9ee054]{top:0}}.checklist-summary[data-v-da9ee054]{padding-left:.25rem}@media print{.detail-content[data-v-da9ee054]{width:100%!important}}
---
> .attachments input[type=file][data-v-879e9021]{display:none}@media screen and (max-width: 769px){.attachments .button[data-v-879e9021]{width:100%}}.files[data-v-879e9021]{margin-bottom:1rem}.attachment[data-v-879e9021]{margin-bottom:.5rem;display:block;transition:background-color .15s ease;border-radius:4px;padding:.5rem}.attachment[data-v-879e9021]:hover{background-color:var(--grey-200)}.filename[data-v-879e9021]{font-weight:700;margin-bottom:.25rem;color:var(--text)}.info[data-v-879e9021]{color:var(--grey-500);font-size:.9rem}.info p[data-v-879e9021]{margin-bottom:0;display:flex}.info p>span[data-v-879e9021]:not(:last-child):after,.info p>button[data-v-879e9021]:not(:last-child):after{content:"\b7";padding:0 .25rem}.dropzone[data-v-879e9021]{position:fixed;background:rgba(250,250,250,.8);top:0;left:0;bottom:0;right:0;z-index:100;text-align:center}.dropzone.hidden[data-v-879e9021]{display:none}.drop-hint[data-v-879e9021]{position:absolute;bottom:0;left:0;right:0}.drop-hint .icon[data-v-879e9021]{width:100%;font-size:5rem;height:auto;text-shadow:var(--shadow-md);animation:bounce-879e9021 2s infinite}@media (prefers-reduced-motion: reduce){.drop-hint .icon[data-v-879e9021]{animation:none}}.drop-hint .hint[data-v-879e9021]{margin:.5rem auto 2rem;border-radius:2px;box-shadow:var(--shadow-md);background:var(--primary);padding:1rem;color:var(--white);width:100%;max-width:300px}.attachment-info-meta[data-v-879e9021]{display:flex;align-items:center}.attachment-info-meta[data-v-879e9021] .user{display:flex!important}.attachment-info-meta[data-v-879e9021] .user{align-items:center;margin:0 .5rem}@media screen and (max-width: 384.5px){.attachment-info-meta[data-v-879e9021]{flex-direction:column;align-items:flex-start}.attachment-info-meta[data-v-879e9021] .user{margin:.5rem 0}.attachment-info-meta>span[data-v-879e9021]:not(:last-child):after,.attachment-info-meta>button[data-v-879e9021]:not(:last-child):after{display:none}.attachment-info-meta .user .username[data-v-879e9021]{display:none}}.attachment-info-meta-button[data-v-879e9021]{color:var(--link)}@keyframes bounce-879e9021{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.is-task-cover[data-v-879e9021]{background:var(--primary);color:var(--white);padding:.25rem .35rem;border-radius:4px;font-size:.75rem}.media-left[data-v-32939ce2]{margin:0 1rem!important}.comment-info[data-v-32939ce2]{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 769px){.comment-info img[data-v-32939ce2]{display:block;width:20px;height:20px;padding-right:0;margin-right:.5rem}}@media screen and (min-width: 769px){.comment-info img[data-v-32939ce2]{display:none}}.comment-info span[data-v-32939ce2]{font-size:.75rem;line-height:1}.image.is-avatar[data-v-32939ce2]{border-radius:100%}.media-content[data-v-32939ce2]{width:calc(100% - 48px - 2rem)}.created[data-v-bc177b3e]{font-size:.75rem;color:var(--grey-500);text-align:right}.datepicker input.input[data-v-0f21c9ec]{display:none}.datepicker-popup[data-v-0f21c9ec]{position:absolute;z-index:99;width:320px;background:var(--white);border-radius:4px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(var(--scheme-invert-rgb, 10, 10, 10),.1),0 0 0 1px rgba(var(--scheme-invert-rgb, 10, 10, 10),.02)}@media screen and (max-width: 769px){.datepicker-popup[data-v-0f21c9ec]{width:calc(100vw - 5rem)}}.datepicker__quick-select-date[data-v-0f21c9ec]{display:flex;align-items:center;padding:0 .5rem;width:100%;height:2.25rem;color:var(--text);transition:all .15s ease}.datepicker__quick-select-date[data-v-0f21c9ec]:first-child{border-radius:4px 4px 0 0}.datepicker__quick-select-date[data-v-0f21c9ec]:hover{background:var(--grey-100)}.datepicker__quick-select-date .text[data-v-0f21c9ec]{width:100%;font-size:.85rem;display:flex;justify-content:space-between;padding-right:.25rem}.datepicker__quick-select-date .text .weekday[data-v-0f21c9ec]{color:var(--text-light);text-transform:capitalize}.datepicker__quick-select-date .icon[data-v-0f21c9ec]{width:2rem;text-align:center}.datepicker__close-button[data-v-0f21c9ec]{margin:1rem;width:calc(100% - 2rem)}[data-v-0f21c9ec] .flatpickr-calendar{margin:0 auto 8px;box-shadow:none}.assignee[data-v-a0989144]{position:relative}.assignee[data-v-a0989144]:not(:first-child){margin-left:-1.5rem}.assignee[data-v-a0989144] .user img{border:2px solid var(--white);margin-right:0}.remove-assignee[data-v-a0989144]{position:absolute;top:4px;left:2px;color:var(--danger);background:var(--white);padding:0 4px;display:block;border-radius:100%;font-size:.75rem;width:18px;height:18px;z-index:100}.heading[data-v-af2aa7c5]{display:flex;justify-content:space-between;text-transform:none;align-items:center}@media screen and (max-width: 769px){.heading[data-v-af2aa7c5]{flex-direction:column;align-items:start}}.title[data-v-af2aa7c5]{margin-bottom:0}.title.input[data-v-af2aa7c5]{min-height:calc(2.625rem + 2px)}@media screen and (max-width: 769px){.title.input[data-v-af2aa7c5]{margin:0 -.3rem .5rem}}.title.task-id[data-v-af2aa7c5]{color:var(--grey-400);white-space:nowrap}.heading__done[data-v-af2aa7c5]{margin-left:.5rem}.color-bubble[data-v-af2aa7c5]{height:.75rem;width:.75rem}.add-task-relation-button[data-v-7674a29f]{margin-top:-3rem}.add-task-relation-button svg[data-v-7674a29f]{transition:transform .15s ease}.add-task-relation-button.is-active svg[data-v-7674a29f]{transform:rotate(45deg)}.different-list[data-v-7674a29f]{color:var(--grey-500);width:auto}.title[data-v-7674a29f]{font-size:1rem;margin:0}.tasks[data-v-7674a29f]{padding:.5rem}.task[data-v-7674a29f]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem;transition:background-color .15s ease;border-radius:4px}.task[data-v-7674a29f]:hover{background-color:var(--grey-200)}.task a[data-v-7674a29f]{color:var(--text);transition:color ease .15s}.task a[data-v-7674a29f]:hover{color:var(--grey-900)}.remove[data-v-7674a29f]{text-align:center;color:var(--danger);opacity:0;transition:opacity .15s ease}.task:hover .remove[data-v-7674a29f]{opacity:1}.none[data-v-7674a29f]{font-style:italic;text-align:center}[data-v-7674a29f] .multiselect .search-results button{padding:.5rem}.task-done-checkbox[data-v-7674a29f]{padding:0;height:18px}.reminders .reminder-input[data-v-9a7db3ff]{display:flex;align-items:center}.reminders .reminder-input.overdue[data-v-9a7db3ff] .datepicker .show{color:var(--danger)}.reminders .reminder-input[data-v-9a7db3ff]:last-child{margin-bottom:.75rem}.reminders .reminder-input .remove[data-v-9a7db3ff]{color:var(--danger);padding-left:.5rem}p[data-v-4592ad7c]{padding-top:6px}.input[data-v-4592ad7c]{min-width:2rem}.task-view-container[data-v-da9ee054]{--primary-light: hsla(var(--primary-h), var(--primary-s), 73%, var(--primary-a));padding-bottom:0}@media screen and (min-width: 1024px){.task-view-container[data-v-da9ee054]{padding-bottom:1rem}}.task-view[data-v-da9ee054]{padding-top:1rem;padding-left:.5rem;padding-right:.5rem;background-color:var(--site-background)}@media screen and (min-width: 1024px){.task-view[data-v-da9ee054]{padding:1rem}}.is-modal .task-view[data-v-da9ee054]{background-color:var(--site-background)!important}.is-modal .task-view[data-v-da9ee054]{border-radius:4px;padding:1rem;color:var(--text)}@media screen and (max-width: 800px){.is-modal .task-view[data-v-da9ee054]{border-radius:0;padding-top:2rem}}.task-view *[data-v-da9ee054]{transition:opacity 50ms ease}.is-loading .task-view *[data-v-da9ee054]{opacity:0}.subtitle[data-v-da9ee054]{color:var(--grey-500);margin-bottom:1rem}.subtitle a[data-v-da9ee054]{color:var(--grey-800)}h3 .button[data-v-da9ee054]{vertical-align:middle}.icon.is-grey[data-v-da9ee054]{color:var(--grey-400)}.date-input[data-v-da9ee054]{display:flex;align-items:center}.remove[data-v-da9ee054]{color:var(--danger);vertical-align:middle;padding-left:.5rem;line-height:1}[data-v-da9ee054] .datepicker{width:100%}[data-v-da9ee054] .datepicker .show{color:var(--text);padding:.25rem .5rem;transition:background-color .15s ease;border-radius:4px;display:block;margin:.1rem 0;width:100%;text-align:left}[data-v-da9ee054] .datepicker .show:hover{background:var(--white)}[data-v-da9ee054] .datepicker.disabled .show:hover{background:transparent}.details[data-v-da9ee054]{padding-bottom:.75rem;flex-flow:row wrap;margin-bottom:0}.details .detail-title[data-v-da9ee054]{display:block;color:var(--grey-400)}.details .none[data-v-da9ee054]{font-style:italic}.details .column[data-v-da9ee054]:nth-child(2n){page-break-after:always;-moz-column-break-after:always;break-after:always}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not([focus-within]):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not([focus-within]):not(:hover){background:transparent;border-color:transparent}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover){background:transparent;border-color:transparent}[data-v-da9ee054] .details .input:not(.has-defaults),[data-v-da9ee054] .details .textarea,[data-v-da9ee054] .details .select:not(.has-defaults) select,[data-v-da9ee054] .heading .input:not(.has-defaults),[data-v-da9ee054] .heading .textarea,[data-v-da9ee054] .heading .select:not(.has-defaults) select{cursor:pointer;transition:all .15s}[data-v-da9ee054] .details .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .details .textarea::-moz-placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::-moz-placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .heading .textarea::-moz-placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::-moz-placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .details .textarea::placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .heading .textarea::placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):focus,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):focus,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):focus,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):focus{background:var(--scheme-main);border-color:var(--border);cursor:text}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active{cursor:text;border-color:var(--link)}[data-v-da9ee054] .details .select:not(.has-defaults):after,[data-v-da9ee054] .heading .select:not(.has-defaults):after{opacity:0}[data-v-da9ee054] .details .select:not(.has-defaults):hover:after,[data-v-da9ee054] .heading .select:not(.has-defaults):hover:after{opacity:1}.attachments[data-v-da9ee054]{margin-bottom:0}.attachments table tr:last-child td[data-v-da9ee054]{border-bottom:none}@media screen and (min-width: 769px){.action-buttons[data-v-da9ee054]{position:sticky;top:5.5rem;align-self:flex-start}}.action-buttons .button[data-v-da9ee054]{width:100%;margin-bottom:.5rem;justify-content:left}.action-buttons .button.has-light-text[data-v-da9ee054]{color:var(--white)}@media screen and (min-width: 769px){.is-modal .action-buttons[data-v-da9ee054]{top:6.5rem}}@media screen and (min-width: 1108px){.is-modal .action-buttons[data-v-da9ee054]{top:0}}.checklist-summary[data-v-da9ee054]{padding-left:.25rem}@media print{.detail-content[data-v-da9ee054]{width:100%!important}}

diff dist/assets/background-516f12bd.css dist-main/assets/background-b4a077e1.css

1c1
< .unsplash-credit[data-v-68ea1045]{text-align:right;font-size:.8rem}.unsplash-credit__link[data-v-68ea1045]{color:var(--grey-800)}.image-search__result-list[data-v-68ea1045]{--items-per-row: 1;margin:1rem 0 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--items-per-row),1fr)}@media screen and (min-width: 384.5px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 2}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 4}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 5}}.image-search__result-item[data-v-68ea1045]{margin-top:0;aspect-ratio:16/10;background-size:cover;background-position:center;display:flex;position:relative}.image-search__image-button[data-v-68ea1045]{width:100%}.image-search__image[data-v-68ea1045]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-search__info[data-v-68ea1045]{position:absolute;bottom:0;width:100%;padding:.25rem 0;opacity:0;text-align:center;background:rgba(0,0,0,.5);font-size:.75rem;font-weight:700;color:var(--white);transition:opacity .15s ease}.image-search__result-item:hover .image-search__info[data-v-68ea1045]{opacity:1}.is-load-more-button[data-v-68ea1045]{margin:1rem auto 0!important}.is-load-more-button[data-v-68ea1045]{display:block;width:200px}
---
> .unsplash-credit[data-v-68ea1045]{text-align:right;font-size:.8rem}.unsplash-credit__link[data-v-68ea1045]{color:var(--grey-800)}.image-search__result-list[data-v-68ea1045]{--items-per-row: 1;margin:1rem 0 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(var(--items-per-row),1fr)}@media screen and (min-width: 384.5px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 2}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 4}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 5}}.image-search__result-item[data-v-68ea1045]{margin-top:0;aspect-ratio:16/10;background-size:cover;background-position:center;display:flex;position:relative}.image-search__image-button[data-v-68ea1045]{width:100%}.image-search__image[data-v-68ea1045]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-search__info[data-v-68ea1045]{position:absolute;bottom:0;width:100%;padding:.25rem 0;opacity:0;text-align:center;background:rgba(0,0,0,.5);font-size:.75rem;font-weight:700;color:var(--white);transition:opacity .15s ease}.image-search__result-item:hover .image-search__info[data-v-68ea1045]{opacity:1}.is-load-more-button[data-v-68ea1045]{margin:1rem auto 0!important}.is-load-more-button[data-v-68ea1045]{display:block;width:200px}

(I don't know how useful that is because it's all minified)

diff dist/assets/BaseButton-4f62cd82.css dist-main/assets/BaseButton-0c589ca2.css ```diff 1c1 < :where(.base-button--type-button){border:0;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.base-button){cursor:pointer;display:inline-block;color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}:where(.base-button):focus,:where(.base-button).is-focused{outline:transparent}:where(.base-button)[disabled]{cursor:default} --- > :where(.base-button--type-button){border:0;margin:0;padding:0;text-decoration:none;background-color:transparent;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.base-button){cursor:pointer;display:inline-block;color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}:where(.base-button):focus,:where(.base-button).is-focused{outline:transparent}:where(.base-button)[disabled]{cursor:default} ``` diff dist/assets/TaskDetailView-2022c382.css dist-main/assets/TaskDetailView-1545bc35.css ```diff 1c1 < .attachments input[type=file][data-v-879e9021]{display:none}@media screen and (max-width: 769px){.attachments .button[data-v-879e9021]{width:100%}}.files[data-v-879e9021]{margin-bottom:1rem}.attachment[data-v-879e9021]{margin-bottom:.5rem;display:block;transition:background-color .15s ease;border-radius:4px;padding:.5rem}.attachment[data-v-879e9021]:hover{background-color:var(--grey-200)}.filename[data-v-879e9021]{font-weight:700;margin-bottom:.25rem;color:var(--text)}.info[data-v-879e9021]{color:var(--grey-500);font-size:.9rem}.info p[data-v-879e9021]{margin-bottom:0;display:flex}.info p>span[data-v-879e9021]:not(:last-child):after,.info p>button[data-v-879e9021]:not(:last-child):after{content:"\b7";padding:0 .25rem}.dropzone[data-v-879e9021]{position:fixed;background:rgba(250,250,250,.8);top:0;left:0;bottom:0;right:0;z-index:100;text-align:center}.dropzone.hidden[data-v-879e9021]{display:none}.drop-hint[data-v-879e9021]{position:absolute;bottom:0;left:0;right:0}.drop-hint .icon[data-v-879e9021]{width:100%;font-size:5rem;height:auto;text-shadow:var(--shadow-md);animation:bounce-879e9021 2s infinite}@media (prefers-reduced-motion: reduce){.drop-hint .icon[data-v-879e9021]{animation:none}}.drop-hint .hint[data-v-879e9021]{margin:.5rem auto 2rem;border-radius:2px;box-shadow:var(--shadow-md);background:var(--primary);padding:1rem;color:var(--white);width:100%;max-width:300px}.attachment-info-meta[data-v-879e9021]{display:flex;align-items:center}.attachment-info-meta[data-v-879e9021] .user{display:flex!important}.attachment-info-meta[data-v-879e9021] .user{align-items:center;margin:0 .5rem}@media screen and (max-width: 384.5px){.attachment-info-meta[data-v-879e9021]{flex-direction:column;align-items:flex-start}.attachment-info-meta[data-v-879e9021] .user{margin:.5rem 0}.attachment-info-meta>span[data-v-879e9021]:not(:last-child):after,.attachment-info-meta>button[data-v-879e9021]:not(:last-child):after{display:none}.attachment-info-meta .user .username[data-v-879e9021]{display:none}}.attachment-info-meta-button[data-v-879e9021]{color:var(--link)}@keyframes bounce-879e9021{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.is-task-cover[data-v-879e9021]{background:var(--primary);color:var(--white);padding:.25rem .35rem;border-radius:4px;font-size:.75rem}.media-left[data-v-32939ce2]{margin:0 1rem!important}.comment-info[data-v-32939ce2]{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 769px){.comment-info img[data-v-32939ce2]{display:block;width:20px;height:20px;padding-right:0;margin-right:.5rem}}@media screen and (min-width: 769px){.comment-info img[data-v-32939ce2]{display:none}}.comment-info span[data-v-32939ce2]{font-size:.75rem;line-height:1}.image.is-avatar[data-v-32939ce2]{border-radius:100%}.media-content[data-v-32939ce2]{width:calc(100% - 48px - 2rem)}.created[data-v-bc177b3e]{font-size:.75rem;color:var(--grey-500);text-align:right}.datepicker input.input[data-v-0f21c9ec]{display:none}.datepicker-popup[data-v-0f21c9ec]{position:absolute;z-index:99;width:320px;background:var(--white);border-radius:4px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(var(--scheme-invert-rgb, 10, 10, 10),.1),0 0 0 1px rgba(var(--scheme-invert-rgb, 10, 10, 10),.02)}@media screen and (max-width: 769px){.datepicker-popup[data-v-0f21c9ec]{width:calc(100vw - 5rem)}}.datepicker__quick-select-date[data-v-0f21c9ec]{display:flex;align-items:center;padding:0 .5rem;width:100%;height:2.25rem;color:var(--text);transition:all .15s ease}.datepicker__quick-select-date[data-v-0f21c9ec]:first-child{border-radius:4px 4px 0 0}.datepicker__quick-select-date[data-v-0f21c9ec]:hover{background:var(--grey-100)}.datepicker__quick-select-date .text[data-v-0f21c9ec]{width:100%;font-size:.85rem;display:flex;justify-content:space-between;padding-right:.25rem}.datepicker__quick-select-date .text .weekday[data-v-0f21c9ec]{color:var(--text-light);text-transform:capitalize}.datepicker__quick-select-date .icon[data-v-0f21c9ec]{width:2rem;text-align:center}.datepicker__close-button[data-v-0f21c9ec]{margin:1rem;width:calc(100% - 2rem)}[data-v-0f21c9ec] .flatpickr-calendar{margin:0 auto 8px;box-shadow:none}.assignee[data-v-a0989144]{position:relative}.assignee[data-v-a0989144]:not(:first-child){margin-left:-1.5rem}.assignee[data-v-a0989144] .user img{border:2px solid var(--white);margin-right:0}.remove-assignee[data-v-a0989144]{position:absolute;top:4px;left:2px;color:var(--danger);background:var(--white);padding:0 4px;display:block;border-radius:100%;font-size:.75rem;width:18px;height:18px;z-index:100}.heading[data-v-af2aa7c5]{display:flex;justify-content:space-between;text-transform:none;align-items:center}@media screen and (max-width: 769px){.heading[data-v-af2aa7c5]{flex-direction:column;align-items:start}}.title[data-v-af2aa7c5]{margin-bottom:0}.title.input[data-v-af2aa7c5]{min-height:calc(2.625rem + 2px)}@media screen and (max-width: 769px){.title.input[data-v-af2aa7c5]{margin:0 -.3rem .5rem}}.title.task-id[data-v-af2aa7c5]{color:var(--grey-400);white-space:nowrap}.heading__done[data-v-af2aa7c5]{margin-left:.5rem}.color-bubble[data-v-af2aa7c5]{height:.75rem;width:.75rem}.add-task-relation-button[data-v-7674a29f]{margin-top:-3rem}.add-task-relation-button svg[data-v-7674a29f]{transition:transform .15s ease}.add-task-relation-button.is-active svg[data-v-7674a29f]{transform:rotate(45deg)}.different-list[data-v-7674a29f]{color:var(--grey-500);width:auto}.title[data-v-7674a29f]{font-size:1rem;margin:0}.tasks[data-v-7674a29f]{padding:.5rem}.task[data-v-7674a29f]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem;transition:background-color .15s ease;border-radius:4px}.task[data-v-7674a29f]:hover{background-color:var(--grey-200)}.task a[data-v-7674a29f]{color:var(--text);transition:color ease .15s}.task a[data-v-7674a29f]:hover{color:var(--grey-900)}.remove[data-v-7674a29f]{text-align:center;color:var(--danger);opacity:0;transition:opacity .15s ease}.task:hover .remove[data-v-7674a29f]{opacity:1}.none[data-v-7674a29f]{font-style:italic;text-align:center}[data-v-7674a29f] .multiselect .search-results button{padding:.5rem}.task-done-checkbox[data-v-7674a29f]{padding:0;height:18px}.reminders .reminder-input[data-v-9a7db3ff]{display:flex;align-items:center}.reminders .reminder-input.overdue[data-v-9a7db3ff] .datepicker .show{color:var(--danger)}.reminders .reminder-input[data-v-9a7db3ff]:last-child{margin-bottom:.75rem}.reminders .reminder-input .remove[data-v-9a7db3ff]{color:var(--danger);padding-left:.5rem}p[data-v-4592ad7c]{padding-top:6px}.input[data-v-4592ad7c]{min-width:2rem}.task-view-container[data-v-da9ee054]{--primary-light: hsla(var(--primary-h), var(--primary-s), 73%, var(--primary-a));padding-bottom:0}@media screen and (min-width: 1024px){.task-view-container[data-v-da9ee054]{padding-bottom:1rem}}.task-view[data-v-da9ee054]{padding-top:1rem;padding-left:.5rem;padding-right:.5rem;background-color:var(--site-background)}@media screen and (min-width: 1024px){.task-view[data-v-da9ee054]{padding:1rem}}.is-modal .task-view[data-v-da9ee054]{background-color:var(--site-background)!important}.is-modal .task-view[data-v-da9ee054]{border-radius:4px;padding:1rem;color:var(--text)}@media screen and (max-width: 800px){.is-modal .task-view[data-v-da9ee054]{border-radius:0;padding-top:2rem}}.task-view *[data-v-da9ee054]{transition:opacity 50ms ease}.is-loading .task-view *[data-v-da9ee054]{opacity:0}.subtitle[data-v-da9ee054]{color:var(--grey-500);margin-bottom:1rem}.subtitle a[data-v-da9ee054]{color:var(--grey-800)}h3 .button[data-v-da9ee054]{vertical-align:middle}.icon.is-grey[data-v-da9ee054]{color:var(--grey-400)}.date-input[data-v-da9ee054]{display:flex;align-items:center}.remove[data-v-da9ee054]{color:var(--danger);vertical-align:middle;padding-left:.5rem;line-height:1}[data-v-da9ee054] .datepicker{width:100%}[data-v-da9ee054] .datepicker .show{color:var(--text);padding:.25rem .5rem;transition:background-color .15s ease;border-radius:4px;display:block;margin:.1rem 0;width:100%;text-align:left}[data-v-da9ee054] .datepicker .show:hover{background:var(--white)}[data-v-da9ee054] .datepicker.disabled .show:hover{background:transparent}.details[data-v-da9ee054]{padding-bottom:.75rem;flex-flow:row wrap;margin-bottom:0}.details .detail-title[data-v-da9ee054]{display:block;color:var(--grey-400)}.details .none[data-v-da9ee054]{font-style:italic}.details .column[data-v-da9ee054]:nth-child(2n){page-break-after:always;-moz-column-break-after:always;break-after:always}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover){background:transparent;border-color:transparent}[data-v-da9ee054] .details .input:not(.has-defaults),[data-v-da9ee054] .details .textarea,[data-v-da9ee054] .details .select:not(.has-defaults) select,[data-v-da9ee054] .heading .input:not(.has-defaults),[data-v-da9ee054] .heading .textarea,[data-v-da9ee054] .heading .select:not(.has-defaults) select{cursor:pointer;transition:all .15s}[data-v-da9ee054] .details .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .details .textarea::-moz-placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::-moz-placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .heading .textarea::-moz-placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::-moz-placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .details .textarea::placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .heading .textarea::placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):focus,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):focus,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):focus,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):focus{background:var(--scheme-main);border-color:var(--border);cursor:text}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active{cursor:text;border-color:var(--link)}[data-v-da9ee054] .details .select:not(.has-defaults):after,[data-v-da9ee054] .heading .select:not(.has-defaults):after{opacity:0}[data-v-da9ee054] .details .select:not(.has-defaults):hover:after,[data-v-da9ee054] .heading .select:not(.has-defaults):hover:after{opacity:1}.attachments[data-v-da9ee054]{margin-bottom:0}.attachments table tr:last-child td[data-v-da9ee054]{border-bottom:none}@media screen and (min-width: 769px){.action-buttons[data-v-da9ee054]{position:sticky;top:5.5rem;align-self:flex-start}}.action-buttons .button[data-v-da9ee054]{width:100%;margin-bottom:.5rem;justify-content:left}.action-buttons .button.has-light-text[data-v-da9ee054]{color:var(--white)}@media screen and (min-width: 769px){.is-modal .action-buttons[data-v-da9ee054]{top:6.5rem}}@media screen and (min-width: 1108px){.is-modal .action-buttons[data-v-da9ee054]{top:0}}.checklist-summary[data-v-da9ee054]{padding-left:.25rem}@media print{.detail-content[data-v-da9ee054]{width:100%!important}} --- > .attachments input[type=file][data-v-879e9021]{display:none}@media screen and (max-width: 769px){.attachments .button[data-v-879e9021]{width:100%}}.files[data-v-879e9021]{margin-bottom:1rem}.attachment[data-v-879e9021]{margin-bottom:.5rem;display:block;transition:background-color .15s ease;border-radius:4px;padding:.5rem}.attachment[data-v-879e9021]:hover{background-color:var(--grey-200)}.filename[data-v-879e9021]{font-weight:700;margin-bottom:.25rem;color:var(--text)}.info[data-v-879e9021]{color:var(--grey-500);font-size:.9rem}.info p[data-v-879e9021]{margin-bottom:0;display:flex}.info p>span[data-v-879e9021]:not(:last-child):after,.info p>button[data-v-879e9021]:not(:last-child):after{content:"\b7";padding:0 .25rem}.dropzone[data-v-879e9021]{position:fixed;background:rgba(250,250,250,.8);top:0;left:0;bottom:0;right:0;z-index:100;text-align:center}.dropzone.hidden[data-v-879e9021]{display:none}.drop-hint[data-v-879e9021]{position:absolute;bottom:0;left:0;right:0}.drop-hint .icon[data-v-879e9021]{width:100%;font-size:5rem;height:auto;text-shadow:var(--shadow-md);animation:bounce-879e9021 2s infinite}@media (prefers-reduced-motion: reduce){.drop-hint .icon[data-v-879e9021]{animation:none}}.drop-hint .hint[data-v-879e9021]{margin:.5rem auto 2rem;border-radius:2px;box-shadow:var(--shadow-md);background:var(--primary);padding:1rem;color:var(--white);width:100%;max-width:300px}.attachment-info-meta[data-v-879e9021]{display:flex;align-items:center}.attachment-info-meta[data-v-879e9021] .user{display:flex!important}.attachment-info-meta[data-v-879e9021] .user{align-items:center;margin:0 .5rem}@media screen and (max-width: 384.5px){.attachment-info-meta[data-v-879e9021]{flex-direction:column;align-items:flex-start}.attachment-info-meta[data-v-879e9021] .user{margin:.5rem 0}.attachment-info-meta>span[data-v-879e9021]:not(:last-child):after,.attachment-info-meta>button[data-v-879e9021]:not(:last-child):after{display:none}.attachment-info-meta .user .username[data-v-879e9021]{display:none}}.attachment-info-meta-button[data-v-879e9021]{color:var(--link)}@keyframes bounce-879e9021{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.is-task-cover[data-v-879e9021]{background:var(--primary);color:var(--white);padding:.25rem .35rem;border-radius:4px;font-size:.75rem}.media-left[data-v-32939ce2]{margin:0 1rem!important}.comment-info[data-v-32939ce2]{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 769px){.comment-info img[data-v-32939ce2]{display:block;width:20px;height:20px;padding-right:0;margin-right:.5rem}}@media screen and (min-width: 769px){.comment-info img[data-v-32939ce2]{display:none}}.comment-info span[data-v-32939ce2]{font-size:.75rem;line-height:1}.image.is-avatar[data-v-32939ce2]{border-radius:100%}.media-content[data-v-32939ce2]{width:calc(100% - 48px - 2rem)}.created[data-v-bc177b3e]{font-size:.75rem;color:var(--grey-500);text-align:right}.datepicker input.input[data-v-0f21c9ec]{display:none}.datepicker-popup[data-v-0f21c9ec]{position:absolute;z-index:99;width:320px;background:var(--white);border-radius:4px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(var(--scheme-invert-rgb, 10, 10, 10),.1),0 0 0 1px rgba(var(--scheme-invert-rgb, 10, 10, 10),.02)}@media screen and (max-width: 769px){.datepicker-popup[data-v-0f21c9ec]{width:calc(100vw - 5rem)}}.datepicker__quick-select-date[data-v-0f21c9ec]{display:flex;align-items:center;padding:0 .5rem;width:100%;height:2.25rem;color:var(--text);transition:all .15s ease}.datepicker__quick-select-date[data-v-0f21c9ec]:first-child{border-radius:4px 4px 0 0}.datepicker__quick-select-date[data-v-0f21c9ec]:hover{background:var(--grey-100)}.datepicker__quick-select-date .text[data-v-0f21c9ec]{width:100%;font-size:.85rem;display:flex;justify-content:space-between;padding-right:.25rem}.datepicker__quick-select-date .text .weekday[data-v-0f21c9ec]{color:var(--text-light);text-transform:capitalize}.datepicker__quick-select-date .icon[data-v-0f21c9ec]{width:2rem;text-align:center}.datepicker__close-button[data-v-0f21c9ec]{margin:1rem;width:calc(100% - 2rem)}[data-v-0f21c9ec] .flatpickr-calendar{margin:0 auto 8px;box-shadow:none}.assignee[data-v-a0989144]{position:relative}.assignee[data-v-a0989144]:not(:first-child){margin-left:-1.5rem}.assignee[data-v-a0989144] .user img{border:2px solid var(--white);margin-right:0}.remove-assignee[data-v-a0989144]{position:absolute;top:4px;left:2px;color:var(--danger);background:var(--white);padding:0 4px;display:block;border-radius:100%;font-size:.75rem;width:18px;height:18px;z-index:100}.heading[data-v-af2aa7c5]{display:flex;justify-content:space-between;text-transform:none;align-items:center}@media screen and (max-width: 769px){.heading[data-v-af2aa7c5]{flex-direction:column;align-items:start}}.title[data-v-af2aa7c5]{margin-bottom:0}.title.input[data-v-af2aa7c5]{min-height:calc(2.625rem + 2px)}@media screen and (max-width: 769px){.title.input[data-v-af2aa7c5]{margin:0 -.3rem .5rem}}.title.task-id[data-v-af2aa7c5]{color:var(--grey-400);white-space:nowrap}.heading__done[data-v-af2aa7c5]{margin-left:.5rem}.color-bubble[data-v-af2aa7c5]{height:.75rem;width:.75rem}.add-task-relation-button[data-v-7674a29f]{margin-top:-3rem}.add-task-relation-button svg[data-v-7674a29f]{transition:transform .15s ease}.add-task-relation-button.is-active svg[data-v-7674a29f]{transform:rotate(45deg)}.different-list[data-v-7674a29f]{color:var(--grey-500);width:auto}.title[data-v-7674a29f]{font-size:1rem;margin:0}.tasks[data-v-7674a29f]{padding:.5rem}.task[data-v-7674a29f]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem;transition:background-color .15s ease;border-radius:4px}.task[data-v-7674a29f]:hover{background-color:var(--grey-200)}.task a[data-v-7674a29f]{color:var(--text);transition:color ease .15s}.task a[data-v-7674a29f]:hover{color:var(--grey-900)}.remove[data-v-7674a29f]{text-align:center;color:var(--danger);opacity:0;transition:opacity .15s ease}.task:hover .remove[data-v-7674a29f]{opacity:1}.none[data-v-7674a29f]{font-style:italic;text-align:center}[data-v-7674a29f] .multiselect .search-results button{padding:.5rem}.task-done-checkbox[data-v-7674a29f]{padding:0;height:18px}.reminders .reminder-input[data-v-9a7db3ff]{display:flex;align-items:center}.reminders .reminder-input.overdue[data-v-9a7db3ff] .datepicker .show{color:var(--danger)}.reminders .reminder-input[data-v-9a7db3ff]:last-child{margin-bottom:.75rem}.reminders .reminder-input .remove[data-v-9a7db3ff]{color:var(--danger);padding-left:.5rem}p[data-v-4592ad7c]{padding-top:6px}.input[data-v-4592ad7c]{min-width:2rem}.task-view-container[data-v-da9ee054]{--primary-light: hsla(var(--primary-h), var(--primary-s), 73%, var(--primary-a));padding-bottom:0}@media screen and (min-width: 1024px){.task-view-container[data-v-da9ee054]{padding-bottom:1rem}}.task-view[data-v-da9ee054]{padding-top:1rem;padding-left:.5rem;padding-right:.5rem;background-color:var(--site-background)}@media screen and (min-width: 1024px){.task-view[data-v-da9ee054]{padding:1rem}}.is-modal .task-view[data-v-da9ee054]{background-color:var(--site-background)!important}.is-modal .task-view[data-v-da9ee054]{border-radius:4px;padding:1rem;color:var(--text)}@media screen and (max-width: 800px){.is-modal .task-view[data-v-da9ee054]{border-radius:0;padding-top:2rem}}.task-view *[data-v-da9ee054]{transition:opacity 50ms ease}.is-loading .task-view *[data-v-da9ee054]{opacity:0}.subtitle[data-v-da9ee054]{color:var(--grey-500);margin-bottom:1rem}.subtitle a[data-v-da9ee054]{color:var(--grey-800)}h3 .button[data-v-da9ee054]{vertical-align:middle}.icon.is-grey[data-v-da9ee054]{color:var(--grey-400)}.date-input[data-v-da9ee054]{display:flex;align-items:center}.remove[data-v-da9ee054]{color:var(--danger);vertical-align:middle;padding-left:.5rem;line-height:1}[data-v-da9ee054] .datepicker{width:100%}[data-v-da9ee054] .datepicker .show{color:var(--text);padding:.25rem .5rem;transition:background-color .15s ease;border-radius:4px;display:block;margin:.1rem 0;width:100%;text-align:left}[data-v-da9ee054] .datepicker .show:hover{background:var(--white)}[data-v-da9ee054] .datepicker.disabled .show:hover{background:transparent}.details[data-v-da9ee054]{padding-bottom:.75rem;flex-flow:row wrap;margin-bottom:0}.details .detail-title[data-v-da9ee054]{display:block;color:var(--grey-400)}.details .none[data-v-da9ee054]{font-style:italic}.details .column[data-v-da9ee054]:nth-child(2n){page-break-after:always;-moz-column-break-after:always;break-after:always}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not([focus-within]):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not([focus-within]):not(:hover){background:transparent;border-color:transparent}.details.labels-list[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover),.assignees[data-v-da9ee054] .multiselect .input-wrapper:not(:focus-within):not(:hover){background:transparent;border-color:transparent}[data-v-da9ee054] .details .input:not(.has-defaults),[data-v-da9ee054] .details .textarea,[data-v-da9ee054] .details .select:not(.has-defaults) select,[data-v-da9ee054] .heading .input:not(.has-defaults),[data-v-da9ee054] .heading .textarea,[data-v-da9ee054] .heading .select:not(.has-defaults) select{cursor:pointer;transition:all .15s}[data-v-da9ee054] .details .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .details .textarea::-moz-placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::-moz-placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::-moz-placeholder,[data-v-da9ee054] .heading .textarea::-moz-placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::-moz-placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .details .textarea::placeholder,[data-v-da9ee054] .details .select:not(.has-defaults) select::placeholder,[data-v-da9ee054] .heading .input:not(.has-defaults)::placeholder,[data-v-da9ee054] .heading .textarea::placeholder,[data-v-da9ee054] .heading .select:not(.has-defaults) select::placeholder{color:var(--text-light);opacity:1;font-style:italic}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):focus,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):focus,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):focus,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):focus,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):focus{background:var(--scheme-main);border-color:var(--border);cursor:text}[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .details .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .details .textarea:not(:disabled):hover,[data-v-da9ee054] .details .textarea:not(:disabled):active,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .details .select:not(.has-defaults) select:not(:disabled):active,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):hover,[data-v-da9ee054] .heading .input:not(.has-defaults):not(:disabled):active,[data-v-da9ee054] .heading .textarea:not(:disabled):hover,[data-v-da9ee054] .heading .textarea:not(:disabled):active,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):hover,[data-v-da9ee054] .heading .select:not(.has-defaults) select:not(:disabled):active{cursor:text;border-color:var(--link)}[data-v-da9ee054] .details .select:not(.has-defaults):after,[data-v-da9ee054] .heading .select:not(.has-defaults):after{opacity:0}[data-v-da9ee054] .details .select:not(.has-defaults):hover:after,[data-v-da9ee054] .heading .select:not(.has-defaults):hover:after{opacity:1}.attachments[data-v-da9ee054]{margin-bottom:0}.attachments table tr:last-child td[data-v-da9ee054]{border-bottom:none}@media screen and (min-width: 769px){.action-buttons[data-v-da9ee054]{position:sticky;top:5.5rem;align-self:flex-start}}.action-buttons .button[data-v-da9ee054]{width:100%;margin-bottom:.5rem;justify-content:left}.action-buttons .button.has-light-text[data-v-da9ee054]{color:var(--white)}@media screen and (min-width: 769px){.is-modal .action-buttons[data-v-da9ee054]{top:6.5rem}}@media screen and (min-width: 1108px){.is-modal .action-buttons[data-v-da9ee054]{top:0}}.checklist-summary[data-v-da9ee054]{padding-left:.25rem}@media print{.detail-content[data-v-da9ee054]{width:100%!important}} ``` diff dist/assets/background-516f12bd.css dist-main/assets/background-b4a077e1.css ``` 1c1 < .unsplash-credit[data-v-68ea1045]{text-align:right;font-size:.8rem}.unsplash-credit__link[data-v-68ea1045]{color:var(--grey-800)}.image-search__result-list[data-v-68ea1045]{--items-per-row: 1;margin:1rem 0 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--items-per-row),1fr)}@media screen and (min-width: 384.5px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 2}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 4}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 5}}.image-search__result-item[data-v-68ea1045]{margin-top:0;aspect-ratio:16/10;background-size:cover;background-position:center;display:flex;position:relative}.image-search__image-button[data-v-68ea1045]{width:100%}.image-search__image[data-v-68ea1045]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-search__info[data-v-68ea1045]{position:absolute;bottom:0;width:100%;padding:.25rem 0;opacity:0;text-align:center;background:rgba(0,0,0,.5);font-size:.75rem;font-weight:700;color:var(--white);transition:opacity .15s ease}.image-search__result-item:hover .image-search__info[data-v-68ea1045]{opacity:1}.is-load-more-button[data-v-68ea1045]{margin:1rem auto 0!important}.is-load-more-button[data-v-68ea1045]{display:block;width:200px} --- > .unsplash-credit[data-v-68ea1045]{text-align:right;font-size:.8rem}.unsplash-credit__link[data-v-68ea1045]{color:var(--grey-800)}.image-search__result-list[data-v-68ea1045]{--items-per-row: 1;margin:1rem 0 0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(var(--items-per-row),1fr)}@media screen and (min-width: 384.5px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 2}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 4}}@media screen and (min-width: 769px){.image-search__result-list[data-v-68ea1045]{--items-per-row: 5}}.image-search__result-item[data-v-68ea1045]{margin-top:0;aspect-ratio:16/10;background-size:cover;background-position:center;display:flex;position:relative}.image-search__image-button[data-v-68ea1045]{width:100%}.image-search__image[data-v-68ea1045]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-search__info[data-v-68ea1045]{position:absolute;bottom:0;width:100%;padding:.25rem 0;opacity:0;text-align:center;background:rgba(0,0,0,.5);font-size:.75rem;font-weight:700;color:var(--white);transition:opacity .15s ease}.image-search__result-item:hover .image-search__info[data-v-68ea1045]{opacity:1}.is-load-more-button[data-v-68ea1045]{margin:1rem auto 0!important}.is-load-more-button[data-v-68ea1045]{display:block;width:200px} ``` (I don't know how useful that is because it's all minified)
renovate force-pushed renovate/postcss-preset-env-8.x from 660ddd01df to 5a2a95e34b 2023-01-31 07:03:55 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 5a2a95e34b to 517b807840 2023-01-31 11:04:04 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 517b807840 to 1c0e54d3fe 2023-01-31 17:05:00 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 1c0e54d3fe to 445a0dd103 2023-01-31 18:03:54 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 445a0dd103 to 690a3d5845 2023-02-01 10:04:24 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 690a3d5845 to f03eab31ac 2023-02-01 11:03:59 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from f03eab31ac to 48f3367f18 2023-02-01 14:04:30 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 48f3367f18 to db16764cd7 2023-02-01 15:03:58 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from db16764cd7 to 1c4f165880 2023-02-02 07:04:29 +00:00 Compare
renovate force-pushed renovate/postcss-preset-env-8.x from 1c4f165880 to 95e4340f00 2023-02-02 08:04:33 +00:00 Compare
konrad commented 2023-02-02 10:45:21 +00:00
Owner
Copy Link

I went through the changelog and adjusted our config accordingly. Then I diffed the generated CSS files and went through the changes. These three things stood out:

  1. The generated files now include -webkit-text-decoration: underline; where they previously only included text-decoration: underline.
  2. Fallbacks are now added for properties which only have a css variable defining them. This means a change like this:
  width: var(--delete-width)

is now output as

  width: 20px;
  width: var(--delete-width)

(when the --delete-width variable has a default value of 20px)

It does the same thing when a fallback was explicitely provided in the css var() function. This changes this:

    background-color: #fafafa;
    background-color: var(--navbar-item-hover-background-color, #f2f2f2);

now becomes

    background-color: #f2f2f2;
    background-color: var(--navbar-item-hover-background-color, #f2f2f2);

Notice how the fallback in the old version is a different color than the one specified in the css var() function? This snippet is coming from bulma but it looks to me like they tried adding a fallback and messed up the color. There's a few places where it does this.

  1. It now removes duplicate css declarations.

I think none of these changes are blockers or worse than what we currently have, so let's merge this upgrade.

I went through the changelog and adjusted our config accordingly. Then I diffed the generated CSS files and went through the changes. These three things stood out: 1. The generated files now include `-webkit-text-decoration: underline;` where they previously only included `text-decoration: underline`. 2. Fallbacks are now added for properties which only have a css variable defining them. This means a change like this: ```css width: var(--delete-width) ``` is now output as ```css width: 20px; width: var(--delete-width) ``` (when the `--delete-width` variable has a default value of `20px`) It does the same thing when a fallback was explicitely provided in the css `var()` function. This changes this: ```css background-color: #fafafa; background-color: var(--navbar-item-hover-background-color, #f2f2f2); ``` now becomes ```css background-color: #f2f2f2; background-color: var(--navbar-item-hover-background-color, #f2f2f2); ``` Notice how the fallback in the old version is a different color than the one specified in the css `var()` function? This snippet is coming from bulma but it looks to me like they tried adding a fallback and messed up the color. There's a few places where it does this. 3. It now removes duplicate css declarations. --- I think none of these changes are blockers or worse than what we currently have, so let's merge this upgrade.
konrad added 1 commit 2023-02-02 10:45:49 +00:00
chore(deps): update config after postcss-preset-env update
All checks were successful
continuous-integration/drone/pr Build is passing
Details
7e6e800b3f
konrad scheduled this pull request to auto merge when all checks succeed 2023-02-02 10:45:55 +00:00
konrad merged commit a991c537ac into main 2023-02-02 11:49:32 +00:00
konrad deleted branch renovate/postcss-preset-env-8.x 2023-02-02 12:05:43 +00:00
This repo is archived. You cannot comment on pull requests.
Reviewers
No Reviewers
dpschen
Labels
Clear labels
area/internal-code
changes requested
confirmed
dependencies
duplicate
This issue or pull request already exists
good first issue
help wanted
Need some help
hosting
invalid
Something is wrong
kind/bug
Something is not working
kind/feature
New feature
question
More information is needed
wontfix
This won't be fixed
No Label
dependencies
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
4 Participants
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: vikunja/frontend#3000
No description provided.
Delete Branch "renovate/postcss-preset-env-8.x"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?