Portal news: Add styles to link "See more" - refs BT#19621

chamilo · Mar 8, 2022 · a0f0120 · a0f0120
1 parent 98909c8
commit a0f0120
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 1 deletion.
diff --git a/app/Resources/public/css/base.css b/app/Resources/public/css/base.css
@@ -306,6 +306,39 @@ select {
     padding-bottom: 25px;
 }
 
+#carousel-announcement .link-more {
+    display: inline-block;
+    margin-top: 10px;
+    margin-bottom: 0;
+    font-weight: 400;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid transparent;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.4;
+    border-radius: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    color: #fff;
+    background-color: #0495c9;
+    border-color: #357ebd;
+}
+
+#carousel-announcement .link-more:hover,
+#carousel-announcement .link-more:focus,
+#carousel-announcement .link-more:active,
+#carousel-announcement .link-more.active {
+    color: #fff;
+    background-color: #00b3db;
+    border-color: #285e8e;
+}
+
 .carousel-control {
     width: 5%;
 }

diff --git a/main/template/default/announcement/slider.tpl b/main/template/default/announcement/slider.tpl
@@ -27,7 +27,7 @@
                         <div class="announcement_short">
                         {{ announcement.content }}
                         </div>
-                        <a href="{{ _p.web }}news_list.php?id={{ announcement.id }}">{{ "More" | get_lang }}</a>
+                        <a href="{{ _p.web }}news_list.php?id={{ announcement.id }}" class="link-more">{{ "More" | get_lang }}</a>
                     </div>
                 {% else %}
                     <div class="block-image">