r.obin.ch

Gems of September 24"

This article is a collection of gems I encountered during September 24”. Hopefully a series or habit will develop out of this.

HTML, CSS and JS

:placeholder-shown and :focus-within pseudo-classes

I’ve found :placeholder-shown useful in combination with :focus-within to style elements when an input element is focused, but the user has not entered anything into it, yet. For example you have a search input, but you want to show the results box, that maybe contain a loading indicator first, only when the user started to type into the input field, then you can do:

.results {
  display: none;
}

.search-wrapper:focus-within input:not(:placeholder-shown) + .results {
  display: flex;
}

One could think that this can be achieved with :empty as well, but this pseudo-class selects elements with no children, what is always true for <input>-elements.

Linux

DNS of Wireguard NetworkManager config, is not applied

When installed my new laptop, I’ve made the mistake to install dhcpcd. Then when I activated a Wireguard connection, the configured DNS was not set. This happens because the NetworkManager wants to prevent conflicts when multiple services try to write /etc/resolve.conf. Disabling the dhcpcd service resolved the issue.

Change name of Gnome Online Account in Evolution

Gnome Online Accounts are integrated into Evolution. Evolution displays this accounts with a generated name, that is assembled from the username and the accounts server. If you want to rename them, you can edit the config file that is usually stored in /home/user/.config/evolution/sources. Change the value of DisplayName to a name of choice.

Parallel downloads with Pacman

By default the package manager (or short pacman) downloads the packages sequentially. This can be changed in its config file, which resides at /etc/pacman.conf. Change or uncomment to ParallelDownloads = 5.

cryptomator from AUR doesn’t update

Sometimes I’m faced with the following error, when updating cryptomator from AUR:

==> Making package: cryptomator 1.14.0-1 (Mi 25 Sep 2024 08:34:34)
==> Retrieving sources...
  -> Found cryptomator-1.14.0.tar.gz
  -> Found cryptomator-1.14.0.tar.gz.asc
  -> Found jdk.tar.gz
  -> Found openjfx.zip
==> Validating source files with sha256sums...
    cryptomator-1.14.0.tar.gz ... Passed
    cryptomator-1.14.0.tar.gz.asc ... Skipped
==> Validating source_x86_64 files with sha256sums...
    jdk.tar.gz ... FAILED
    openjfx.zip ... FAILED
==> ERROR: One or more files did not pass the validity check!

The problem is, that there is already a jdk.tar.gz and openjfx.zip in Parus cache. cryptomator expect them to be another newer version than the one in the cache, so they don’t match the expected checksum. You can manually delete them in /home/user/.cache/paru/clone/cryptomator or clear Parus cache with paru -Scc. After cleaning this up cryptomator should update normally.

Tools

Visual Studio Code: Better Git Line Blame

For a while I’ve been using GitLens. The paid features advertisements get more and more annoying. The feature of GitLens I’ve been using the most, is the inline blame feature. An alternative for that feature is the Better Git Line Blame extension. It is also way faster than the inline blame from GitLens.