Merge pull request #137 from squalx/129_underline

129 underline
searchmysite · Dec 27, 2023 · db4af4c · db4af4c
2 parents 9a51a44 + 070f3c3
commit db4af4c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 8 deletions.
diff --git a/src/web/content/dynamic/searchmysite/templates/search/results.html b/src/web/content/dynamic/searchmysite/templates/search/results.html
@@ -51,7 +51,7 @@
 							<h2 class="sms-h2 sms-b-8">
 								{% if result['contains_adverts'] %}<img src="/static/images/containsadverts44x24.gif" alt="Page contains adverts" class="float-left" style="margin-right: 4px">{% endif %}
 								<a href="{{ result['url'] }}" class="result-title">
-									{{ result['short_title'] }}
+									<span class="result-title-txt">{{ result['short_title'] }}</span>
 								</a>
 							</h2>
 							{% if result['published_date'] %}<p id="result-published-date">{{ result['published_date'] }}</p>{% endif %}

diff --git a/src/web/content/static/css/letterpress.css b/src/web/content/static/css/letterpress.css
@@ -593,17 +593,35 @@ a.sms-large-font:hover {
     color: var(--highlight) !important;
 }
 
-.sms-results-list h2.sms-h2 {
-    margin-left: -2.5rem;
-}
-
 h2.sms-h2 a,
 h2.sms-h2 a:link,
 h2.sms-h2 a:visited
 {
     font-weight: bold;
 }
 
+.sms-results-list h2.sms-h2 {
+    margin-left: -2.5rem;
+}
+
+.sms-results-list h2.sms-h2 a:link,
+.sms-results-list h2.sms-h2 a:visited,
+.sms-results-list h2.sms-h2 a:hover  {
+    border-bottom: none;
+}
+
+.sms-results-list h2.sms-h2 a:link .result-title-txt,
+.sms-results-list h2.sms-h2 a:visited .result-title-txt,
+.sms-results-list h2.sms-h2 a:hover .result-title-txt
+ {
+    border-bottom: 0.125rem solid transparent;
+}
+
+.sms-results-list h2.sms-h2 a:hover .result-title-txt {
+    border-bottom: 0.125rem solid var(--link-underline);
+}
+
+
 .sms-results-list h2.sms-h2 a::before {
     content:"\E800";
     font-family: 'SeMS-icons';
@@ -614,11 +632,9 @@ h2.sms-h2 a:visited
 
 .sms-results-list h2.sms-h2 a:hover::before {
     color: var(--highlight);
+    /* text-decoration: none; */
 }
 
-.sms-results-list h2.sms-h2 a:hover {
-    opacity: 1;
-}
 
 #result-hightlight {
     color:var(--dark-gray);