Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Insert icheck CSS right after bootstrap file. #2752

Merged
merged 2 commits into from
Oct 16, 2023
Merged

Conversation

rdwebdesign
Copy link
Member

What issues does this PR aim to fix?

Note: this PR is aimed to fix issues identified during the tests of the new LCARS Picard theme.

In CSS, the order of files matters.

The current code inserts icheck CSS in the end of <HEAD> tag (after all theme files). icheck CSS file uses a few !important rules.

If a theme needs to change something related to icheck elements, a higher selector specificity is needed (in addition to !important rules).

Another issue is the use of body:not(.lcars). This selector doesn't work for the new theme, but it should.

How does this PR fix the issues?

Changing where we insert this CSS file.
Replacing the body:not(.lcars) selector with body:not([class*="lcars"]).

These changes will reduce the need of complex selectors or hacks to achieve a higher specificity.

Link documentation PRs if any are needed to support this PR:

none


By submitting this pull request, I confirm the following:

  1. I have read and understood the contributors guide, as well as this entire template. I understand which branch to base my commits and Pull Requests against.
  2. I have commented my proposed changes within the code and I have tested my changes.
  3. I am willing to help maintain this change if there are issues with it later.
  4. It is compatible with the EUPL 1.2 license
  5. I have squashed any insignificant commits. (git rebase)
  6. I have checked that another pull request for this purpose does not exist.
  7. I have considered, and confirmed that this submission will be valuable to others.
  8. I accept that this submission may not be used, and the pull request closed at the will of the maintainer.
  9. I give this submission freely, and claim no ownership to its content.

  • I have read the above and my PR is ready for review. Check this box to confirm

These CSS rules apply some changes to icheck items in Domains page, but
these changes are not desired on both lcars themes.
The previous code excluded only the original LCARS theme from this rule.
This change will allow the same behavior on both themes.

Signed-off-by: RD WebDesign <[email protected]>
@rdwebdesign rdwebdesign merged commit ea74a78 into devel Oct 16, 2023
14 checks passed
@rdwebdesign rdwebdesign deleted the icheck_css_order branch October 16, 2023 21:19
@PromoFaux PromoFaux mentioned this pull request Nov 21, 2023
truecharts-admin referenced this pull request in truecharts/public Nov 24, 2023
…f8 (#15274)

This PR contains the following updates:

| Package | Update | Change |
|---|---|---|
| [pihole/pihole](https://togithub.com/pi-hole/docker-pi-hole) | minor |
`2023.10.0` -> `2023.11.0` |

---

> [!WARNING]
> Some dependencies could not be looked up. Check the Dependency
Dashboard for more information.

---

### Release Notes

<details>
<summary>pi-hole/docker-pi-hole (pihole/pihole)</summary>

###
[`v2023.11.0`](https://togithub.com/pi-hole/docker-pi-hole/releases/tag/2023.11.0)

[Compare
Source](https://togithub.com/pi-hole/docker-pi-hole/compare/2023.10.0...2023.11.0)

Nothing Docker specific, this release pulls in web v5.21

https://github.com/pi-hole/web/releases/tag/v5.21

<!-- Release notes generated using configuration in .github/release.yml
at devel -->

#### What's Changed

- Insert icheck CSS right after bootstrap file. by
[@&#8203;rdwebdesign](https://togithub.com/rdwebdesign) in
[https://github.com/pi-hole/web/pull/2752](https://togithub.com/pi-hole/web/pull/2752)
- New (additional) LCARS theme inspired by Picard TV show by
[@&#8203;MichalSvatos](https://togithub.com/MichalSvatos) in
[https://github.com/pi-hole/web/pull/2709](https://togithub.com/pi-hole/web/pull/2709)
- Add word break for clients column to avoid horizontal scrollbar by
[@&#8203;rdwebdesign](https://togithub.com/rdwebdesign) in
[https://github.com/pi-hole/web/pull/2838](https://togithub.com/pi-hole/web/pull/2838)

#### New Contributors

- [@&#8203;MichalSvatos](https://togithub.com/MichalSvatos) made their
first contribution in
[https://github.com/pi-hole/web/pull/2709](https://togithub.com/pi-hole/web/pull/2709)

**Full Changelog**:
pi-hole/web@v5.20.2...v5.21

</details>

---

### Configuration

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

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

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

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Renovate
Bot](https://togithub.com/renovatebot/renovate).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy42NS4wIiwidXBkYXRlZEluVmVyIjoiMzcuNjUuMCIsInRhcmdldEJyYW5jaCI6Im1hc3RlciJ9-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants