From 4f9e3ba59776a372b957d966a2249054192f9a44 Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 19 Jul 2024 11:56:10 +0200
Subject: [PATCH] more button
---
src/App/App.css | 55 +++++++++++++++++----------
src/components/Buttons.tsx | 7 ++++
src/components/HorizontalTimeline.tsx | 4 +-
3 files changed, 43 insertions(+), 23 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 66f99390..3f184b57 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -471,20 +471,44 @@
color: white;
text-decoration: underline;
}
-
-
-
-
+ /* * * * * * * * */
+ /* * *BUTTONS* * */
/* * * * * * * * */
+ .hp-more-button{
+ padding: 5px;
+ border-radius: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+ .hp-more-button :hover{
+ filter: brightness(0.5);
+ }
+
+
+ button.tabbutton.Patient.active, button.tabbutton.All.active,
+ button.tabbutton.Industry.active, button.tabbutton.Academia.active,
+ button.tabbutton.Medical.active {
+ border-color: black;
+ }
+
+
+ .tabbutton {
+ padding: 5px;
+ border-radius: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+ /* * * * * * * * */
/*VILLAGE BUTTONS*/
-
-
-
-
/* * * * * * * * */
@@ -1040,11 +1064,7 @@
background-color: white;
}
- button.tabbutton.Patient.active, button.tabbutton.All.active,
- button.tabbutton.Industry.active, button.tabbutton.Academia.active,
- button.tabbutton.Medical.active {
- border-color: black;
- }
+
.Patient {
background-color: var(--accen-secondary);
@@ -2187,11 +2207,4 @@
display: none;
}
- .tabbutton {
- padding: 5px;
- border-radius: 10px;
- padding-left: 10px;
- padding-right: 10px;
- margin-left: 5px;
- margin-right: 5px;
- }
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index 9bb8c228..57dfbbad 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -1,5 +1,6 @@
import { Link } from "react-router-dom";
import { openTab } from "../contents";
+import { openCity } from "./HorizontalTimeline";
interface UrlButtonProps{
href: string,
@@ -110,4 +111,10 @@ export function TabButton({classy, name, closing, opentype, type}:TabButtonProps
<button className={classname} onClick={openTab({cityName: type, cla: opentype, weg: closing })}> {name}</button>
</>
)
+}
+
+export function HPMoreButton({name}: {name: string}){
+ return(
+ <button className="tablinks hp-more-button" onClick={openCity({cityName: name})}> More</button>
+ )
}
\ No newline at end of file
diff --git a/src/components/HorizontalTimeline.tsx b/src/components/HorizontalTimeline.tsx
index f2e73c9e..b9d6efe4 100644
--- a/src/components/HorizontalTimeline.tsx
+++ b/src/components/HorizontalTimeline.tsx
@@ -1,4 +1,4 @@
-
+import { HPMoreButton } from "./Buttons";
function TimeItem({tag, title, children, pic, author, tabid}: ItemProps){
let cl = "t-tag " + tag;
@@ -20,7 +20,7 @@ function TimeItem({tag, title, children, pic, author, tabid}: ItemProps){
<p>{children}</p>
<div className="tab">
- <button className="tablinks" onClick={openCity({cityName: tabid})}>More</button>
+ <HPMoreButton name={tabid}/>
</div>
</div>
</div>
--
GitLab