diff options
| author | tdro <tdro@noreply.example.com> | 2023-07-26 20:12:15 -0400 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2023-07-26 21:29:51 -0400 |
| commit | 73a69a67e46944650f8ee9b5ebc76cfba1278cf8 (patch) | |
| tree | d7f58e2fa6ee29f36d6cf6fa13c4cc6412f70b0b | |
| parent | bd81f76dca64b24036153df07176eb621deba854 (diff) | |
| download | canory-73a69a67e46944650f8ee9b5ebc76cfba1278cf8.tar.gz canory-73a69a67e46944650f8ee9b5ebc76cfba1278cf8.tar.bz2 canory-73a69a67e46944650f8ee9b5ebc76cfba1278cf8.zip | |
assets/css/default: Monospace disclosure label
Prevent jumping text
| -rw-r--r-- | assets/css/default.css | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 104463e..8d28cd4 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -447,7 +447,8 @@ blockquote p { pre, kbd, code, -svg text { +svg text, +micro-summary article details[data-disclosure] summary:after { font-family: "Fira Code", "Lucida Console", "Andale Mono", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; @@ -1299,7 +1300,7 @@ micro-summary article details[data-disclosure] summary { display: block; margin: 0 -0.25rem 0.5rem -0.25rem; padding: 0.25rem; - outline-offset: 0.05rem; + outline-offset: 0.05rem !important; } micro-summary article details[data-disclosure] summary:focus a, @@ -1310,13 +1311,14 @@ micro-summary article details[data-disclosure][open] summary:focus:after { } micro-summary article details[data-disclosure] summary:hover { + text-decoration: underline; text-shadow: 0 0 currentColor; } micro-summary article details[data-disclosure] summary:after, micro-summary article details[data-disclosure][open] summary:after { - padding: 0 0.5rem; - margin-left: 1ch; + padding: 0 0.25rem; + margin-left: 0.5ch; border: 2px solid; border-color: #ddd; border-color: var(--border-darker); @@ -1325,11 +1327,11 @@ micro-summary article details[data-disclosure][open] summary:after { } micro-summary article details[data-disclosure] summary:after { - content: "show"; + content: "hidden"; } micro-summary article details[data-disclosure][open] summary:after { - content: "hide"; + content: "showed"; } micro-summary article details[data-disclosure] summary::-webkit-details-marker { |