From 827bd1f8990e18e1978c95484680d51524ca19bf Mon Sep 17 00:00:00 2001
From: Jay Sitter <jsitter@gmail.com>
Date: Fri, 31 Oct 2014 11:10:38 -0400
Subject: Standardizing class names and styles for close buttons

---
 themes/baggy/_pocheit-form.twig |  2 +-
 themes/baggy/_search-form.twig  |  2 +-
 themes/baggy/css/main.css       | 34 +++++++++++++++-------------------
 3 files changed, 17 insertions(+), 21 deletions(-)

(limited to 'themes')

diff --git a/themes/baggy/_pocheit-form.twig b/themes/baggy/_pocheit-form.twig
index 409707f0..2068cd31 100755
--- a/themes/baggy/_pocheit-form.twig
+++ b/themes/baggy/_pocheit-form.twig
@@ -1,7 +1,7 @@
 <div id="bagit-form" class="messages info">
     <form method="get" action="index.php" target="_blank" id="bagit-form-form">
         <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="close-button--popup close-button">&times;</a>
         <input type="hidden" name="autoclose" value="1" />
         <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
         <span id="add-link-result"></span>
diff --git a/themes/baggy/_search-form.twig b/themes/baggy/_search-form.twig
index 35f3a994..aec902ff 100644
--- a/themes/baggy/_search-form.twig
+++ b/themes/baggy/_search-form.twig
@@ -1,6 +1,6 @@
 <div id="search-form" class="messages info">
 <form method="get" action="index.php">
-        <a href="javascript: void(null);" id="search-form-close" class="popup-close">&times;</a>
+        <a href="javascript: void(null);" id="search-form-close" class="close-button--popup close-button">&times;</a>
         <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 id="submit-search" type="submit" value="{% trans "Search" %} !"></input>
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 873d1799..01704975 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -572,24 +572,32 @@ footer a {
 	margin-left: 0;
 }
 
-.popup-close {
+.closeMessage,
+.close-button {
   background: #000;
   color: #FFF;
-	font-size: 1.4em;
-	line-height: 1.6em;
+	font-size: 1.2em;
+	line-height: 1.6;
 	width: 1.6em;
 	height: 1.6em;
 	text-align: center;
   text-decoration: none;
+}
+	.closeMessage:hover,
+	.closeMessage:focus,
+	.close-button:hover,
+	.close-button:focus {
+		background: #999;
+		color: #000;
+	}
+
+.close-button--popup {
 	display: inline-block;
 	position: absolute;
 	top: 0;
 	right: 0;
+	font-size: 1.4em;
 }
-	.popup-close:hover {
-		background: #999;
-		color: #000;
-	}
 
 .active-current {
   background-color: #999;
@@ -787,18 +795,6 @@ margin-top:1em;
 
 .messages > * { display: inline-block;}
 
-.closeMessage {
-  background: #000;
-  color: #FFF;
-  padding: 0.2em 0.5em;
-  text-decoration: none;
-}
-
-  .closeMessage:hover, .closeMessage:focus {
-    background: #FFF;
-    color: #000;
-  }
-
 .warning {
   /* font-size: 3em;
   color: #999;
-- 
cgit v1.2.3


From 8519cc796f4815ab1a3da70e081b77599741f975 Mon Sep 17 00:00:00 2001
From: Jay Sitter <jsitter@gmail.com>
Date: Fri, 31 Oct 2014 12:31:13 -0400
Subject: Moving search-form style out of messages css and into style.css

---
 themes/default/css/messages.css |  5 -----
 themes/default/css/style.css    | 11 ++++++++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

(limited to 'themes')

diff --git a/themes/default/css/messages.css b/themes/default/css/messages.css
index 3ad4e34e..46b54795 100644
--- a/themes/default/css/messages.css
+++ b/themes/default/css/messages.css
@@ -8,11 +8,6 @@
     border-radius: 4px;
 }
 
-/* Search form message needs a little more width, depending on translations */
-#search-form {
-    width: 420px;
-}
-
 .messages a.closeMessage {
     display: none;
     float: right;
diff --git a/themes/default/css/style.css b/themes/default/css/style.css
index e254d481..b25373d6 100755
--- a/themes/default/css/style.css
+++ b/themes/default/css/style.css
@@ -417,6 +417,15 @@ a.add-to-wallabag-link-after:after {
   padding-left: 10px;
 }
 
+/* ==========================================================================
+	"Search" popup div related styles
+	========================================================================== */
+
+/* Search form message needs a little more width, depending on translations */
+#search-form {
+    width: 420px;
+}
+
 .opacity03 {
   /*opacity: 0.3;*/
 }
@@ -435,4 +444,4 @@ pre code {
 		font-family: "Courier New", Courier, monospace;
 		border: 1px solid #ddd;
 		font-size: 0.96em;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3


From 344c8f6b5c2636b74492956f53f3bc06dcb5c8d1 Mon Sep 17 00:00:00 2001
From: Jay Sitter <jsitter@gmail.com>
Date: Fri, 31 Oct 2014 13:28:39 -0400
Subject: Fixing popup form width issue on narrow width

---
 themes/baggy/css/main.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'themes')

diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 01704975..2ef35425 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -1053,8 +1053,15 @@ pre code {
     display: none;
   }
 
-  #bagit-form, #search-form {
+  .popup-form, #bagit-form, #search-form {
     left: 0;
+    width: 100%;
+  }
+
+  .popup-form form,
+  #bagit-form form,
+  #search-form form {
+    width: 100%;
   }
 }
 
-- 
cgit v1.2.3


From ad2b61db80afed1cc052befad6ff9456530938b1 Mon Sep 17 00:00:00 2001
From: Jay Sitter <jsitter@gmail.com>
Date: Fri, 31 Oct 2014 13:32:34 -0400
Subject: Removing left border on popup forms on mobile widths

---
 themes/baggy/css/main.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'themes')

diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 2ef35425..4e3404c1 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -1056,6 +1056,7 @@ pre code {
   .popup-form, #bagit-form, #search-form {
     left: 0;
     width: 100%;
+    border-left: none;
   }
 
   .popup-form form,
-- 
cgit v1.2.3