Disable text selection on clock and help

This commit is contained in:
Özenç Bilgili 2020-07-08 23:43:49 +03:00
parent e732b3eccf
commit 90d9db39de
2 changed files with 11 additions and 2 deletions

View File

@ -408,6 +408,15 @@ body.form .search-form {
visibility: visible;
}
.disable-select {
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
@media (min-width: 500px) {
.help {
display: flex;

View File

@ -10,14 +10,14 @@
</head>
<body>
<div class="center"><time class="clock" id="clock"></time></div>
<div class="center disable-select"><time class="clock" id="clock"></time></div>
<form autocomplete="off" class="center overlay search-form" id="search-form" spellcheck="false">
<div>
<input class="search-input" id="search-input" title="search" type="text" />
<ul class="search-suggestions" id="search-suggestions"></ul>
</div>
</form>
<aside class="center help overlay" id="help"></aside>
<aside class="center help overlay disable-select" id="help"></aside>
<script src="js/svg-inject.min.js"></script>
<script src="js/script.js"></script>