Improve UI, add title input and forget button
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title data-localization="poll_title">Zero Knowledge Date Picker</title>
|
||||
<link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="/customize/main.css" />
|
||||
<script data-main="main" src="/bower_components/requirejs/require.js"></script>
|
||||
<script> require.config({ waitSeconds: 60, }); </script>
|
||||
@@ -43,21 +44,59 @@
|
||||
border: .5px solid black;
|
||||
}
|
||||
|
||||
table#table {
|
||||
margin: 0px;
|
||||
}
|
||||
#tableContainer {
|
||||
position: relative;
|
||||
padding: 29px;
|
||||
padding-right: 82px;
|
||||
}
|
||||
#tableContainer button {
|
||||
height: 2rem;
|
||||
}
|
||||
#commit {
|
||||
position: absolute;
|
||||
left: 532px;
|
||||
bottom: 0px;
|
||||
}
|
||||
#create-user {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 31px;
|
||||
width: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#create-option {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 249px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="toolbar"></div>
|
||||
|
||||
<button id="create-option">create option</button>
|
||||
<button id="create-user">create user</button>
|
||||
<div id="howItWorks">
|
||||
<h1 id="mainTitle">CryptPoll</h1>
|
||||
<h2 data-localization="poll_subtitle"></h2>
|
||||
|
||||
<p data-localization="poll_p_save"></p>
|
||||
<p data-localization="poll_p_encryption"></p>
|
||||
</div>
|
||||
|
||||
<button id="publish" style="display: none;">publish poll</button>
|
||||
<button id="commit">commit</button>
|
||||
|
||||
|
||||
<form class="realtime">
|
||||
<br />
|
||||
<input type="text" id="title"><br />
|
||||
<textarea rows=5 cols=50 id="description"></textarea><br />
|
||||
|
||||
<p id="tableContainer">
|
||||
<button id="create-option"><span class="fa fa-plus"></span></button>
|
||||
<button id="create-user"><span class="fa fa-plus"></span></button>
|
||||
<button id="commit"><span class="fa fa-check"></span></button>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user