Shiloh/startpage
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Disable text selection on clock and help

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@ -408,6 +408,15 @@ body.form .search-form {
visibility: visible; 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) { @media (min-width: 500px) {
.help { .help {
display: flex; display: flex;

4
index.html
View File

@ -10,14 +10,14 @@
</head> </head>
<body> <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"> <form autocomplete="off" class="center overlay search-form" id="search-form" spellcheck="false">
<div> <div>
<input class="search-input" id="search-input" title="search" type="text" /> <input class="search-input" id="search-input" title="search" type="text" />
<ul class="search-suggestions" id="search-suggestions"></ul> <ul class="search-suggestions" id="search-suggestions"></ul>
</div> </div>
</form> </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/svg-inject.min.js"></script>
<script src="js/script.js"></script> <script src="js/script.js"></script>