From cf0c355f457009165e3d7f10318a271a0c7d17a4 Mon Sep 17 00:00:00 2001
From: Olivier Goulet <olivier.goulet@eclipse-foundation.org>
Date: Fri, 24 Mar 2023 14:40:53 +0000
Subject: [PATCH] Add Explore Collaborations button and adjust link button
styles
---
content/collaborations/_index.md | 2 ++
.../start-new-collaboration.html | 4 +--
.../collaborations/_variables.less | 4 +--
less/page_css_file/collaborations/styles.less | 32 +++++++++++++++----
4 files changed, 31 insertions(+), 11 deletions(-)
diff --git a/content/collaborations/_index.md b/content/collaborations/_index.md
index ddaeceac..346b88db 100644
--- a/content/collaborations/_index.md
+++ b/content/collaborations/_index.md
@@ -23,6 +23,8 @@ links:
- text: Join a Collaboration
- - href: "#start-collaboration"
- text: Start a Collaboration
+ - - href: /org/workinggroups/explore.php
+ - text: Explore Collaborations
container: container-fluid collaborations-container
layout: single
---
diff --git a/layouts/shortcodes/pages/collaborations/start-new-collaboration.html b/layouts/shortcodes/pages/collaborations/start-new-collaboration.html
index 47c667a1..1dfc87a3 100644
--- a/layouts/shortcodes/pages/collaborations/start-new-collaboration.html
+++ b/layouts/shortcodes/pages/collaborations/start-new-collaboration.html
@@ -51,8 +51,8 @@
{{ end }}
<tr class="collaboration-table-link-row">
<td scope="row"></td>
- <td><a href="/org/workinggroups/about.php">More About Working Groups</a></td>
- <td><a href="./interest-groups">More About Interest Groups</a></td>
+ <td><a class="btn btn-link-boxed" href="/org/workinggroups/about.php">More About Working Groups</a></td>
+ <td><a class="btn btn-link-boxed" href="./interest-groups">More About Interest Groups</a></td>
</tr>
</tbody>
</table>
diff --git a/less/page_css_file/collaborations/_variables.less b/less/page_css_file/collaborations/_variables.less
index 0c81818e..5d68a997 100644
--- a/less/page_css_file/collaborations/_variables.less
+++ b/less/page_css_file/collaborations/_variables.less
@@ -1,5 +1,5 @@
/*!
- * Copyright (c) 2022 Eclipse Foundation, Inc.
+ * Copyright (c) 2022, 2023 Eclipse Foundation, Inc.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
@@ -15,7 +15,7 @@
@brand-primary-mid: #FFB769;
@collaborations-black: #070606;
-@section-dark-white: #FAF5F5;
+@section-dark-white: @white;
@collaboration-gray: #F0EFEF;
@collaborating-item-color: #888890;
@collaborations-padding-y: 3em;
diff --git a/less/page_css_file/collaborations/styles.less b/less/page_css_file/collaborations/styles.less
index fc80bd24..d0aba3d9 100644
--- a/less/page_css_file/collaborations/styles.less
+++ b/less/page_css_file/collaborations/styles.less
@@ -1,5 +1,5 @@
/*!
- * Copyright (c) 2022 Eclipse Foundation, Inc.
+ * Copyright (c) 2022, 2023 Eclipse Foundation, Inc.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
@@ -46,6 +46,23 @@
background-color: darken(#efebeb, 10%);
}
}
+
+ .btn-link-boxed {
+ .btn-link;
+ padding: 1.25rem;
+
+ &:link,
+ &:visited {
+ border: 1px solid @section-dark-white;
+ color: @section-dark-white;
+ }
+
+ &:hover,
+ &:active {
+ border-color: darken(@section-dark-white, 50%);
+ text-decoration: none;
+ }
+ }
}
// Jumbotron
@@ -244,11 +261,6 @@
font-weight: normal;
}
- tbody th, tbody td {
- border-top-style: solid;
- border-bottom-style: solid;
- }
-
thead th {
text-align: center;
}
@@ -258,7 +270,13 @@
border-left: solid 1px;
}
- tr:last-child td {
+ tr {
+ border-top: 1px solid;
+ border-color: @section-dark-white;
+ }
+
+ tr:last-child {
+ border-top-style: none;
border-bottom-style: none;
}
}
--
GitLab