moparisthebest
/
wallabag
mirror of https://github.com/moparisthebest/wallabag
1
0
Fork 0
Code Issues Releases Wiki Activity

Making visual styling of search and bag it popup forms more consistent

This commit is contained in:
Jay Sitter 2014-10-31 12:48:35 -04:00
parent b95a6f57bf
commit 4bc70ed401
3 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/baggy/_pocheit-form.twig
View File

@ -1,4 +1,4 @@
<div id="bagit-form" class="messages info"> <div id="bagit-form" class="messages info popup-form">
<form method="get" action="index.php" target="_blank" id="bagit-form-form"> <form method="get" action="index.php" target="_blank" id="bagit-form-form">
<h2>{% trans "Save a link" %}</h2> <h2>{% trans "Save a link" %}</h2>
<a href="javascript: void(null);" id="bagit-form-close" class="popup-close">&times;</a> <a href="javascript: void(null);" id="bagit-form-close" class="popup-close">&times;</a>

7
themes/baggy/_search-form.twig
View File

@ -1,8 +1,9 @@
<div id="search-form" class="messages info"> <div id="search-form" class="messages info popup-form">
<form method="get" action="index.php"> <form method="get" action="index.php">
<h2>{%trans "Search" %}</h2>
<a href="javascript: void(null);" id="search-form-close" class="popup-close">&times;</a> <a href="javascript: void(null);" id="search-form-close" class="popup-close">&times;</a>
<input type="hidden" name="view" value="search"></input> <input type="hidden" name="view" value="search"></input>
<label>{% trans "Search" %}:</label><input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield" /> <input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield"><br>
<input id="submit-search" type="submit" value="{% trans "Search" %} !"></input> <input id="submit-search" type="submit" value="{% trans "Search" %}"></input>
</form> </form>
</div> </div>

19
themes/baggy/css/main.css
View File

@ -540,8 +540,7 @@ footer a {
2.1 = "save a link" related styles 2.1 = "save a link" related styles
========================================================================== */ ========================================================================== */
#bagit-form, .popup-form {
#search-form {
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
position: absolute; position: absolute;
top: 0; top: 0;
@ -550,14 +549,13 @@ footer a {
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;
margin-top: -30%; margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */
padding: 2em; padding: 2em;
display: none; display: none;
border-left: 1px #EEE solid; border-left: 1px #EEE solid;
} }
#bagit-form form, .popup-form form {
#search-form form {
background: #FFF; background: #FFF;
position: absolute; position: absolute;
top: 0; top: 0;
@ -643,15 +641,6 @@ a.add-to-wallabag-link-after:after {
font-size: 0.9em; font-size: 0.9em;
} }
/* ==========================================================================
2.2 = "search for articles" popup div related styles
========================================================================== */
#submit-search{
margin-left: 4em;
margin-top: 1em;
}
/* ========================================================================== /* ==========================================================================
3 = Pictos 3 = Pictos
========================================================================== */ ========================================================================== */
@ -1031,7 +1020,7 @@ pre code {
display: none; display: none;
} }
#bagit-form, #search-form { .popup-form {
left: 0; left: 0;
} }
} }