s2/ping
1
0
Fork 0
mirror of https://github.com/S2-/ping.git synced 2025-08-02 12:20:05 +02:00
Code Issues Releases Wiki Activity

style popup

Browse Source
This commit is contained in:
s2
2019-03-18 15:25:30 +01:00
parent 95ef8b2c47
commit 3c39ae66ce
2 changed files with 4 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/popup/ping.css
View File

@@ -21,54 +21,13 @@ input[type="number"] {
font-size: inherit; font-size: inherit;
padding: 5px 10px; padding: 5px 10px;
width: 50px; width: 74px;
} }
#length-min { #interval {
margin-right: 10px; margin-right: 10px;
} }
input[type="checkbox"] { input[type="checkbox"] {
margin-bottom: -7px; margin-bottom: -7px;
} }
#pw {
border: 2px black solid;
width: 250px;
}
#copy {
margin-left: 0px;
}
#exclude {
width: 183px;
}
.copied {
pointer-events: none;
height: 26px;
width: 100%;
background-color: #FFF8DC;
position: absolute;
padding-right: 0;
padding-left: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
margin-right: -15px;
margin-left: -19px;
margin-top: -27px;
}
.fadein {
visibility: visible;
opacity: 1;
transition: opacity 1s linear;
}
.fadeout {
visibility: hidden;
opacity: 0;
transition: visibility 0s 1s, opacity 1s linear;
}

4
src/popup/ping.html
View File

@@ -13,12 +13,12 @@
<form> <form>
<div> <div>
<label for="server">Server: </label> <label for="server">Server: </label>
<input type="text" id="server" name="server"> <input type="text" id="server" name="server" placeholder="http://some.server.example.com">
</div> </div>
<div> <div>
<label for="interval">Interval in seconds: </label> <label for="interval">Interval in seconds: </label>
<input type="text" id="interval" name="interval"> <input type="number" id="interval" name="interval">
</div> </div>
</form> </form>
<script type="module" src="ping.js"></script> <script type="module" src="ping.js"></script>