discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed knowledge base block style on the feed page

Browse Source
This commit is contained in:
kvakazyambra 2023-06-12 23:27:50 +03:00
parent 017ea87f9f
commit e2858c1eed
3 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/icons/knowledge-base-bullet.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="21" height="17" viewBox="0 0 21 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3515 0.731754C11.0468 0.74217 10.7057 0.807275 10.3255 0.942691C9.80727 1.12759 5.84372 2.58852 4.84112 3.03123C3.97914 3.41665 1.68747 4.43227 0.690079 7.28123C-0.203151 9.83592 0.0781002 14.5833 4.6406 16.1797C6.58591 16.862 8.69008 16.7943 10.2578 16.6562C11.7161 16.5286 12.9114 15.8411 13.2317 14.9297C13.362 14.5599 13.3854 14.1797 13.3724 13.875C13.8125 13.6354 14.1692 13.237 14.3515 12.7474C14.5495 12.2057 14.5208 11.6875 14.4323 11.2864C14.914 11.039 15.3021 10.6015 15.487 10.0729C15.6432 9.62759 15.6458 9.20311 15.5911 8.84373C16.9557 8.83071 18.2344 8.81509 18.5104 8.79425C19.7031 8.7005 20.5234 7.78384 20.4635 6.61196C20.414 5.71092 19.6354 4.78905 18.2396 4.76821C17.9271 4.763 14.151 4.74998 11.3463 4.74998C11.6797 4.57811 11.9297 4.46092 12.1172 4.36457C13.401 3.6953 13.539 2.5078 13.125 1.68748C12.8567 1.15363 12.2682 0.6979 11.3515 0.731754ZM11.4896 2.22915C11.651 2.23696 11.75 2.28905 11.7864 2.36196C11.914 2.61717 11.7916 2.84113 11.4245 3.03384C11.151 3.17707 8.43227 4.54686 8.34373 4.60675C7.98435 4.84373 7.82289 5.24217 7.93747 5.61978C8.02862 5.92186 8.32289 6.24998 8.87498 6.24998C8.98175 6.24998 17.9062 6.263 18.2187 6.26821C18.6901 6.27602 18.9531 6.49217 18.9635 6.69009C18.9896 7.17967 18.6198 7.28123 18.3932 7.29946C17.9531 7.33332 14.0833 7.34113 11.5 7.37498C11.0859 7.38019 10.7526 7.72134 10.7604 8.1354C10.7656 8.54946 11.1041 8.88019 11.5208 8.87498C11.7604 8.87238 12.9791 8.86457 14.0599 8.85675C14.1172 9.04946 14.164 9.31509 14.0729 9.5755C14.0026 9.77342 13.7968 9.99477 13.5364 9.99998C12.9687 10.0156 11.4817 10.0026 11.1588 9.99998C10.8359 9.99998 10.3906 10.1927 10.3958 10.7812C10.401 11.2604 10.8151 11.4974 11.1614 11.5C11.4166 11.5 12.2708 11.5 12.9323 11.5C12.9922 11.6979 13.039 11.9687 12.9427 12.2292C12.8724 12.4245 12.6614 12.6224 12.401 12.625C11.8177 12.6302 11.289 12.625 10.7578 12.625C10.4687 12.625 9.96872 12.8698 10.0156 13.4765C10.0547 13.9713 10.5442 14.1276 10.8255 14.125C11.237 14.1224 11.5495 14.1224 11.8776 14.125C11.8724 14.2292 11.8567 14.3359 11.8151 14.4323C11.6666 14.7812 10.9505 15.0963 10.1276 15.1745C8.71091 15.3047 6.82289 15.3307 5.13539 14.776C1.80206 13.6823 1.28383 10.0651 2.10675 7.77863C2.90622 5.54686 4.68487 4.74478 5.4505 4.40363C6.39841 3.98175 10.3359 2.53123 10.8281 2.35675C11.1093 2.25519 11.3281 2.22134 11.4896 2.22915Z" fill="#141414"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

16
src/components/Views/Feed.module.scss
View File

@ -88,12 +88,24 @@
ul {
@include font-size(1.4rem);
font-weight: bold;
margin: 1rem 0 0;
line-height: 1.4;
line-height: 1.3;
li {
margin-bottom: 1.2rem;
padding-left: 2.6rem;
position: relative;
&:before {
background: url(/public/icons/knowledge-base-bullet.svg) no-repeat;
content: '';
height: 1.6rem;
left: 0;
position: absolute;
width: 2rem;
}
&:last-child {
margin-bottom: 0;
}

2
src/components/Views/Feed.tsx
View File

@ -189,7 +189,7 @@ export const FeedView = () => {
</Show>
<section class={clsx(styles.asideSection, styles.pinnedLinks)}>
<Icon name="pin" class={styles.icon} />
<h4>{t('Knowledge base')}</h4>
<ul class="nodash">
<li>
<a href={getPagePath(router, 'guide')}>Как устроен Дискурс</a>