Commit aa0065a0 authored by Mark Hymers's avatar Mark Hymers

Move styles into css file

Signed-off-by: Mark Hymers's avatarMark Hymers <mark.hymers@ynic.york.ac.uk>
parent 9e1365aa
#issue-options {
display: none;
padding-left: 1em;
padding-right: 1em;
}
#issue-options > p {
text-align: center;
}
#issue-options > button {
float: right;
}
#saving-page {
display: none;
}
#saving-page-failed {
display: none;
color: #f00;
}
#save-page {
margin-left: auto;
margin-right: 0px;
}
#todo-count {
width: 100%;
text-align: center;
padding: 1em;
}
......@@ -3,6 +3,7 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="save_page.css"/>
</head>
<body>
......@@ -11,33 +12,37 @@
<div class="text-section-header">Save Page to TODO</div>
</header>
<div id="issue-options" class="panel-section" style="display: none; padding-left: 1em; padding-right: 1em;">
<p style="text-align: center;">Please configure the extension</p>
<button style="float: right;" class="browser-style" id="show-options">Show Options</button>
<div id="issue-options" class="panel-section">
<p>Please configure the extension</p>
<button id="show-options" class="browser-style">Show Options</button>
</div>
<div id="issue-details" class="panel-section panel-section-formElements">
<div class="panel-formElements-item">
<label for="issue-title">Title:</label>
<input size="40" type="text" placeholder="Title" id="issue-title" />
<input id="issue-title" type="text" placeholder="Title" size="40"/>
</div>
<div class="panel-formElements-item">
<label for="issue-url">Link:</label>
<input type="text" placeholder="URL" id="issue-url" />
<input id="issue-url" type="text" placeholder="URL"/>
</div>
<div id="saving-page" class="panel-formElements-item" style="display: none;">
<div id="saving-page" class="panel-formElements-item">
<p>Saving page</p>
</div>
<div id="saving-page-failed" class="panel-formElements-item">
<p>Failed to save page (check options)</p>
</div>
<div class="panel-formElements-item">
<button style="margin-left: auto; margin-right: 0px;" class="browser-style" id="save-page">Save Page</button>
<button id="save-page" class="browser-style">Save Page</button>
</div>
</div>
<footer id="issue-footer" class="panel-section panel-section-footer">
<div style="width: 100%; text-align: center; padding: 1em;" id="todo-count">Counting TODOs</div>
<div id="todo-count">Counting TODOs</div>
</footer>
<script src="save_page.js"></script>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment