Fossil

Check-in [22c592fc32]
Login

Check-in [22c592fc32]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment: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.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | line-number-selection
Files: files | file ages | folders
SHA3-256: 22c592fc3251e11571700990d1a4356f5cd0e2322cd01c432d36eb8e8f25d259
User & Date: stephan 2020-08-16 03:53:47.617
Context
2020-08-16
04:08
Gave the BLOCKQUOTE which surrounds file content the file-content CSS class and trimmed its margins a bit. Fixed the truncated-by-one file extension uses in the language-XYZ tag in non-line-numbered file content, caused by refactoring from this branch. ... (check-in: 62b682bded user: stephan tags: line-number-selection)
03:53
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. ... (check-in: 22c592fc32 user: stephan tags: line-number-selection)
02:43
Made copy-to-clipboard toast message less verbose. Tapping anywhere on the clipboard buttons popup widget now activates the clipboard copy. ... (check-in: 739e4ee339 user: stephan tags: line-number-selection)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
︙︙
945
946
947
948
949
950
951





952
953
954
955
956
957
958
959
960
961
962

}
.warning {
  color: darkred;
  background: yellow;
  opacity: 0.7;
}
.hidden {





  position: absolute;
  opacity: 0;
  pointer-events: none;
  display: none;
}
input {
  max-width: 95%;
}
textarea {
  max-width: 95%;
}








>
>
>
>
>
|
|
|
|








945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967

}
.warning {
  color: darkred;
  background: yellow;
  opacity: 0.7;
}
.hidden {
  /* The framework-wide way of hiding elements is to assign them this
     CSS class. To make them visible again, remove it. The !important
     qualifiers are unfortunate but sometimes necessary when hidden
     element has other classes which specify visibility-related
     options. */
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
}
input {
  max-width: 95%;
}
textarea {
  max-width: 95%;
}
︙︙