Fossil SCM
Added 'important' to 'hidden' CSS rules to ensure that its visibility-hindering attributes trump other classes' attributes. This fixes the .hidden-yet-visible toast message popup and makes .hidden more future-proof.
Commit
22c592fc3251e11571700990d1a4356f5cd0e2322cd01c432d36eb8e8f25d259
Parent
739e4ee339209b0…
1 file changed
+9
-4
+9
-4
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -947,14 +947,19 @@ | ||
| 947 | 947 | color: darkred; |
| 948 | 948 | background: yellow; |
| 949 | 949 | opacity: 0.7; |
| 950 | 950 | } |
| 951 | 951 | .hidden { |
| 952 | - position: absolute; | |
| 953 | - opacity: 0; | |
| 954 | - pointer-events: none; | |
| 955 | - display: none; | |
| 952 | + /* The framework-wide way of hiding elements is to assign them this | |
| 953 | + CSS class. To make them visible again, remove it. The !important | |
| 954 | + qualifiers are unfortunate but sometimes necessary when hidden | |
| 955 | + element has other classes which specify visibility-related | |
| 956 | + options. */ | |
| 957 | + position: absolute !important; | |
| 958 | + opacity: 0 !important; | |
| 959 | + pointer-events: none !important; | |
| 960 | + display: none !important; | |
| 956 | 961 | } |
| 957 | 962 | input { |
| 958 | 963 | max-width: 95%; |
| 959 | 964 | } |
| 960 | 965 | textarea { |
| 961 | 966 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -947,14 +947,19 @@ | |
| 947 | color: darkred; |
| 948 | background: yellow; |
| 949 | opacity: 0.7; |
| 950 | } |
| 951 | .hidden { |
| 952 | position: absolute; |
| 953 | opacity: 0; |
| 954 | pointer-events: none; |
| 955 | display: none; |
| 956 | } |
| 957 | input { |
| 958 | max-width: 95%; |
| 959 | } |
| 960 | textarea { |
| 961 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -947,14 +947,19 @@ | |
| 947 | color: darkred; |
| 948 | background: yellow; |
| 949 | opacity: 0.7; |
| 950 | } |
| 951 | .hidden { |
| 952 | /* The framework-wide way of hiding elements is to assign them this |
| 953 | CSS class. To make them visible again, remove it. The !important |
| 954 | qualifiers are unfortunate but sometimes necessary when hidden |
| 955 | element has other classes which specify visibility-related |
| 956 | options. */ |
| 957 | position: absolute !important; |
| 958 | opacity: 0 !important; |
| 959 | pointer-events: none !important; |
| 960 | display: none !important; |
| 961 | } |
| 962 | input { |
| 963 | max-width: 95%; |
| 964 | } |
| 965 | textarea { |
| 966 |