anatolykopyl/vk-mute
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vk-mute.git synced 2026-03-26 21:05:16 +00:00
Code Issues Projects Releases Wiki Activity

Упростил интерфейс

Browse Source
This commit is contained in:
Anatoly Kopyl
2020-04-14 01:23:42 +03:00
parent 507af212f0
commit 5931b46866
4 changed files with 10 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
popup.html
View File

@@ -2,94 +2,10 @@
<html>
<head>
<meta charset="UTF-8">
<style>
body {
min-width: 80px;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.header {
background-color: #2196F3;
color: white;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-top: -20vw;
margin-bottom: 10vw;
padding-top: 5px;
padding-bottom: 5px;
}
input {
font-size:13pt;
}
</style>
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div class="header">
<input id="idToHide" type="text" placeholder="ID человека" />
<h3 align="center" id="status"></h3>
</div>
<!--<button id="disableButton">Toggle</button>-->
@@ -99,6 +15,9 @@
<span class="slider round"></span>
</label>
</div>
<div class="id_list">
<div id="idToHide"></div>
</div>
<script src="popup.js"></script>
</body>
</html>