polka_billy/porridger
1
0
Fork 1
Code Issues 20 Pull Requests Packages Releases Activity

Fixed stories preview buttons color

Browse Source
This commit is contained in:
Dmitriy Shishkov 2023-09-13 22:43:17 +03:00
parent f2de7c419e
commit 7a4b3978a7
Signed by: dm1sh
GPG Key ID: 027994B0AA357688
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/components/StoriesPreview.tsx
View File

@ -1,6 +1,5 @@
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import { useEffect, useLayoutEffect, useRef, useState } from 'react' import { useEffect, useLayoutEffect, useRef, useState } from 'react'
import { Button } from 'react-bootstrap'
import { UserCategory, composeUserCategoriesFilters, userCategoriesInfos } from '../assets/userCategories' import { UserCategory, composeUserCategoriesFilters, userCategoriesInfos } from '../assets/userCategories'
import { Announcement } from '../api/announcement/types' import { Announcement } from '../api/announcement/types'
@ -96,9 +95,9 @@ function StoriesPreviewCarousel({ announcements, category }: StoriesPreviewProps
return <div className={styles.container}> return <div className={styles.container}>
{showScrollButtons.left && {showScrollButtons.left &&
<Button onClick={doScroll(false)} className={`${styles.scrollButton} ${styles.leftScrollButton}`}> <button onClick={doScroll(false)} className={`${styles.scrollButton} ${styles.leftScrollButton}`}>
<img src={rightAngleIcon} alt='Показать ещё' /> <img src={rightAngleIcon} alt='Показать ещё' />
</Button> </button>
} }
<ul className={styles.list} ref={ulElement}> <ul className={styles.list} ref={ulElement}>
@ -106,9 +105,9 @@ function StoriesPreviewCarousel({ announcements, category }: StoriesPreviewProps
</ul> </ul>
{showScrollButtons.right && {showScrollButtons.right &&
<Button onClick={doScroll(true)} className={`${styles.scrollButton} ${styles.rightScrollButton}`}> <button onClick={doScroll(true)} className={`${styles.scrollButton} ${styles.rightScrollButton}`}>
<img src={rightAngleIcon} alt='Показать ещё' /> <img src={rightAngleIcon} alt='Показать ещё' />
</Button> </button>
} }
</div> </div>
} }

1
front/src/styles/StoriesPreview.module.css
View File

@ -42,6 +42,7 @@
top: 0; top: 0;
z-index: 100; z-index: 100;
background: linear-gradient(to right, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 255) 100%); background: linear-gradient(to right, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 255) 100%);
background-color: transparent;
display: block; display: block;
height: 100%; height: 100%;
width: 10%; width: 10%;