sven/ulogger-server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak modal window look

Browse Source
This commit is contained in:
Bartek Fabiszewski 2017-04-06 19:14:58 +02:00
parent d93bbd4650
commit 92c129952c
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
admin.js
View File

@ -22,7 +22,7 @@ function addUser() {
form += '<label><b>' + lang_username + '</b></label><input type="text" placeholder="' + lang_usernameenter + '" name="login" required>'; form += '<label><b>' + lang_username + '</b></label><input type="text" placeholder="' + lang_usernameenter + '" name="login" required>';
form += '<label><b>' + lang_password + '</b></label><input type="password" placeholder="' + lang_passwordenter + '" name="pass" required>'; form += '<label><b>' + lang_password + '</b></label><input type="password" placeholder="' + lang_passwordenter + '" name="pass" required>';
form += '<label><b>' + lang_passwordrepeat + '</b></label><input type="password" placeholder="' + lang_passwordenter + '" name="pass2" required>'; form += '<label><b>' + lang_passwordrepeat + '</b></label><input type="password" placeholder="' + lang_passwordenter + '" name="pass2" required>';
form += '<button type="button" onclick="removeModal()">' + lang_cancel + '</button><button type="submit">' + lang_submit + '</button>'; form += '<div class="buttons"><button type="button" onclick="removeModal()">' + lang_cancel + '</button><button type="submit">' + lang_submit + '</button></div>';
form += '</form>'; form += '</form>';
showModal(form); showModal(form);
} }

18
main.css
View File

@ -203,7 +203,7 @@ select {
} }
#modal-header { #modal-header {
top: 10px; top: 15px;
position: relative; position: relative;
text-align: right; text-align: right;
margin: 0 auto; margin: 0 auto;
@ -215,12 +215,19 @@ select {
font-size: 0.9em; font-size: 0.9em;
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
color: white; color: white;
background-color: #666; background-color: rgba(102, 102, 102, 0.9);
margin: 0 auto 15% auto; margin: 0 auto 15% auto;
border: 1px solid #888; border: 1px solid #888;
width: 40%; width: 40%;
min-width: 300px; min-width: 300px;
padding: 1%; padding: 1em;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#modal-body .buttons {
padding-top: 1em;
} }
#modal input[type=text], #modal input[type=password] { #modal input[type=text], #modal input[type=password] {
@ -230,4 +237,9 @@ select {
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} }
button { cursor:pointer; }