Skip to content

Commit

Permalink
fix_css
Browse files Browse the repository at this point in the history
  • Loading branch information
Rudezoo committed Jun 16, 2021
1 parent 3680d7d commit 235eb2b
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 12 deletions.
8 changes: 4 additions & 4 deletions client/src/components/timeline.js
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ const Timeline = () => {
setdata([])
}

console.log(cinfos)
// console.log(cinfos)

const results = nums.reduce((prevPrms, num) => (
prevPrms.then(async prevRes => {
Expand Down Expand Up @@ -98,8 +98,8 @@ const Timeline = () => {
console.log('change')

if (yearval !== '0') {
console.log(data)
console.log(cInfo)
// console.log(data)
// console.log(cInfo)
setselected(true)
if (data.length > 0) {
let tempitem = [];
Expand Down Expand Up @@ -172,7 +172,7 @@ const Timeline = () => {
<div className="chrono-icons">
{
items.map((v) => {
return (<div className="timelinebutton " onClick={() => console.log('clicked')}>{v.date.substring(5, 7)}</div>)
return (<div className="timelinebutton ">{v.date.substring(5, 7)}</div>)
})
}

Expand Down
13 changes: 5 additions & 8 deletions client/src/style/timeline.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,11 +28,11 @@
box-shadow: none !important;

}
.css-eh4k5x-TimelineMainWrapper.horizontal {
.e1gmwefz4 {
height: 10rem !important;
}

.css-8myp9a-TimelineNavButton {
.e1fht2ox4 {
width: 10vmax !important;
border-radius: 0% !important;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
Expand Down Expand Up @@ -112,16 +112,13 @@

}

.css-q2kzzt-Circle.active.using-icon {
border-color: brown;
}

.css-7xkfgz-TitleWrapper.active{
.ergoa4r0.active{
transition: color 0.3s ease-in-out;
color: white !important;
background-color: rgb(0, 87, 250) !important;
}
.css-7xkfgz-TitleWrapper.active::after{
.ergoa4r0.active::after{

content: '';
position: absolute;
Expand Down Expand Up @@ -208,7 +205,7 @@
}


.css-q2kzzt-Circle.active.using-icon{
.e5foh872.active.using-icon{
transition: background-color 0.2s ease-in;
color: white;
background-color: rgb(0, 87, 250);
Expand Down

0 comments on commit 235eb2b

Please sign in to comment.