monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-11 18:04:27 +08:00
Code Issues Projects Releases Packages Wiki Activity

updated the transition from custom to preset to hopefully fix the bug where the inputs can be accessed even when not visible on safari

Browse source
This commit is contained in:
Jack 2020-07-23 14:21:16 +01:00
parent 4d3dedb905
commit 975ecd1031
3 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/css/style.scss
View file

@ -1740,12 +1740,13 @@ key {
.tabContent {
overflow: hidden;
height: auto;
max-height: 0px;
// max-height: 0px;
// max-height: 100vh;
// transition: max-height .5s ease-in-out;
&.reveal {
max-height: 100vh;
}
// &.reveal {
// max-height: 100vh;
// }
.text {
align-self: center;

2
public/index.html
View file

@ -996,7 +996,7 @@
<button tab="custom" class="tab">custom</button>
</div>
<div class="tabContainer">
<div tabContent="custom" class="tabContent section customTheme">
<div tabContent="custom" class="tabContent section customTheme hidden">
<label class="text">background</label>
<span class="colorPicker">
<label for="--bg-color">#000000</label>

19
public/js/settings.js
View file

@ -758,13 +758,24 @@ $(".tab").click((e) => {
if ($target.attr("tab") == "preset") {
setCustomTheme(false);
applyCustomThemeColors();
$('[tabContent="custom"]').removeClass("reveal");
$('[tabContent="preset"]').addClass("reveal");
// $('[tabContent="custom"]').removeClass("reveal");
// $('[tabContent="preset"]').addClass("reveal");
swapElements(
$('.pageSettings [tabContent="custom"]'),
$('.pageSettings [tabContent="preset"]'),
250
);
} else {
setCustomTheme(true);
applyCustomThemeColors();
$('[tabContent="preset"]').removeClass("reveal");
$('[tabContent="custom"]').addClass("reveal");
swapElements(
$('.pageSettings [tabContent="preset"]'),
$('.pageSettings [tabContent="custom"]'),
250
);
// $('[tabContent="preset"]').removeClass("reveal");
// $('[tabContent="custom"]').addClass("reveal");
}
});