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

Minor style fixes

Browse Source
This commit is contained in:
kvakazyambra 2022-11-03 00:43:38 +03:00
parent d903f233cf
commit f78f007392
20 changed files with 173 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Author/Card.module.scss
View File

@ -124,7 +124,6 @@
.buttonSubscribe { .buttonSubscribe {
align-items: center; align-items: center;
aspect-ratio: 1/1; aspect-ratio: 1/1;
background: #f6f6f6;
border-radius: 100%; border-radius: 100%;
display: inline-flex; display: inline-flex;
float: right; float: right;
@ -139,7 +138,6 @@
} }
.buttonWrite { .buttonWrite {
background: #f7f7f7;
color: #000; color: #000;
display: inline-flex; display: inline-flex;
transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
@ -193,7 +191,8 @@
.buttonSubscribe { .buttonSubscribe {
aspect-ratio: auto; aspect-ratio: auto;
background-color: #000; background-color: #000;
border-radius: 2px; border-color: #000;
border-radius: 0.8rem;
float: none; float: none;
padding-bottom: 0.6rem; padding-bottom: 0.6rem;
padding-top: 0.6rem; padding-top: 0.6rem;

2
src/components/Author/Card.tsx
View File

@ -79,7 +79,7 @@ export const AuthorCard = (props: AuthorCardProps) => {
</Show> </Show>
<Show when={!props.compact}> <Show when={!props.compact}>
<button class={clsx(style.buttonWrite, style.button, 'button')}> <button class={clsx(style.buttonWrite, style.button, 'button button--subscribe-topic')}>
<Icon name="edit" class={style.icon} /> <Icon name="edit" class={style.icon} />
{t('Write')} {t('Write')}
</button> </button>

2
src/components/Author/Full.tsx
View File

@ -6,7 +6,7 @@ export const AuthorFull = (props: { author: Author }) => {
return ( return (
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="user-details"> <div class="col-md-8 offset-md-2 user-details">
<AuthorCard author={props.author} compact={false} isAuthorPage={true} /> <AuthorCard author={props.author} compact={false} isAuthorPage={true} />
</div> </div>
</div> </div>

8
src/components/Discours/Footer.module.scss
View File

@ -54,6 +54,14 @@
@include font-size(1.5rem); @include font-size(1.5rem);
padding-top: 1.6rem; padding-top: 1.6rem;
a {
color: rgba(255, 255, 255, 0.7);
&:hover {
color: #fff;
}
}
} }
.footerCopyrightSocial { .footerCopyrightSocial {

4
src/components/Discours/Footer.tsx
View File

@ -26,8 +26,8 @@ export const Footer = () => {
slug: '/about/dogma' slug: '/about/dogma'
}, },
{ {
title: 'Terms of use', title: 'Principles',
slug: '/about/terms-of-use' slug: '/about/principles'
}, },
{ {
title: 'How to write an article', title: 'How to write an article',

9
src/components/Discours/Subscribe.module.scss
View File

@ -14,6 +14,9 @@
font-family: inherit; font-family: inherit;
@include font-size(2rem); @include font-size(2rem);
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
padding: 0.2em 0.5em 0.3em 0; padding: 0.2em 0.5em 0.3em 0;
width: 100%; width: 100%;
@ -33,8 +36,8 @@
padding: 0 0.5em; padding: 0 0.5em;
} }
button { .button {
margin-top: 0; border-radius: 0;
padding-bottom: 0.8rem; margin: 0;
} }
} }

6
src/components/Discours/Subscribe.tsx
View File

@ -1,6 +1,7 @@
import { createSignal, onMount } from 'solid-js' import { createSignal, onMount } from 'solid-js'
import styles from './Subscribe.module.scss' import styles from './Subscribe.module.scss'
import { t } from '../../utils/intl' import { t } from '../../utils/intl'
import { clsx } from 'clsx'
export default () => { export default () => {
let emailElement: HTMLInputElement | undefined let emailElement: HTMLInputElement | undefined
@ -14,7 +15,10 @@ export default () => {
return ( return (
<div class={styles.subscribeForm}> <div class={styles.subscribeForm}>
<input type="email" name="email" ref={emailElement} placeholder={t('Fill email')} value={title()} /> <input type="email" name="email" ref={emailElement} placeholder={t('Fill email')} value={title()} />
<button class="button--light" onClick={() => emailElement?.value && subscribe()}> <button
class={clsx(styles.button, 'button--light')}
onClick={() => emailElement?.value && subscribe()}
>
{t('Subscribe')} {t('Subscribe')}
</button> </button>
</div> </div>

191
src/components/Pages/about/DiscussionRulesPage.tsx
View File

@ -5,113 +5,114 @@ export const DiscussionRulesPage = () => {
const title = t('Discussion rules') const title = t('Discussion rules')
return ( return (
<MainLayout> <MainLayout>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2"> <div class="col-md-8 offset-md-2">
<h1> <h1>
<span class="wrapped">{title}</span> <span class="wrapped" innerHTML={title} />
</h1> </h1>
</div>
<div class="col-md-8 col-lg-6 offset-md-3">
<p>
Открытая редакция существует благодаря дружному сообществу авторов
и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного
общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
</p>
<h3>За&nbsp;что можно получить дырку в&nbsp;карме и&nbsp;выиграть бан в&nbsp;сообществе</h3> <div class="col-lg-10 offset-md-1">
<ol> <p>
<li> Открытая редакция существует благодаря дружному сообществу авторов
<p> и&nbsp;читателей&nbsp;&mdash; вдумчивых и&nbsp;сознательных людей, приверженных ценностям
Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного человека гуманизма, демократии и&nbsp;прав человека. Мы&nbsp;очень ценим атмосферу осмысленного
или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход на&nbsp;личности общения, которая здесь сложилась. Чтобы сохранить ее&nbsp;такой&nbsp;же уютной
и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению. и&nbsp;творческой, мы&nbsp;составили правила общения в&nbsp;сообществе, руководствуясь
</p> которыми каждый мог&nbsp;бы соучаствовать в&nbsp;плодотворных дискуссиях, не&nbsp;задевая
</li> других. Ключевой принцип этих правил предельно прост&nbsp;&mdash; уважайте ближних,
постарайтесь не&nbsp;нарушать законы Российской Федерации без крайней
на&nbsp;то&nbsp;необходимости и&nbsp;помните, что в&nbsp;дискуссиях чутких
и&nbsp;здравомыслящих людей рождается истина.
</p>
<li> <h3>За&nbsp;что можно получить дырку в&nbsp;карме и&nbsp;выиграть бан в&nbsp;сообществе</h3>
<p> <ol>
Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида, <li>
распространение детской порнографии и&nbsp;другого человеконенавистнического контента. <p>
</p> Оскорбления, личные нападки, травля и&nbsp;угрозы. В&nbsp;любом виде. Конкретного
</li> человека или социальной группы&nbsp;&mdash; не&nbsp;суть. Агрессия, переход
на&nbsp;личности и&nbsp;токсичность едва&nbsp;ли способствуют плодотворному общению.
</p>
</li>
<li> <li>
<p> <p>
Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации, Шовинизм, расизм, сексизм, гомофобия, пропаганда ненависти, педофилии, суицида,
специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный срыв распространение детской порнографии и&nbsp;другого человеконенавистнического контента.
дискуссий. </p>
</p> </li>
</li>
<li> <li>
<p> <p>
Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем Спам, реклама, фейкньюз, ссылки на&nbsp;пропагандистские СМИ, вбросы дезинформации,
я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;, &laquo;либераху специально уводящий от&nbsp;темы флуд, провокации, разжигание конфликтов, намеренный
порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;, &laquo;первый нах&raquo; срыв дискуссий.
и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают возможность обогащающего </p>
диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают авторам делать материалы лучше, </li>
а&nbsp;читателям&nbsp;&mdash; разобраться.
</p>
</li>
</ol>
<h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3> <li>
<ol> <p>
<li> Неаргументированная критика и&nbsp;комментарии вроде &laquo;отстой&raquo;, &laquo;зачем
<p> я&nbsp;это увидел/а&raquo;, &laquo;не&nbsp;читал, но&nbsp;осуждаю&raquo;,
<strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем &laquo;либераху порвало&raquo;, &laquo;лол&raquo;, &laquo;скатились&raquo;,
за&nbsp;конструктивный диалог, аргументированные комментарии и&nbsp;доброжелательное &laquo;первый нах&raquo; и&nbsp;тому подобные. Односложные реплики не&nbsp;подразумевают
отношение друг к&nbsp;другу. Задавайте содержательные вопросы, пишите развернутые возможность обогащающего диалога, не&nbsp;продуктивны и&nbsp;никак не&nbsp;помогают
комментарии, подкрепляйте их&nbsp;аргументами, чтобы диалог был полезен всем участникам, авторам делать материалы лучше, а&nbsp;читателям&nbsp;&mdash; разобраться.
помогая глубже понять тему и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте </p>
собеседника, даже если он&nbsp;вам лично не&nbsp;импонирует: только так получаются </li>
продуктивные дискуссии. </ol>
</p>
</li>
<li> <h3>За&nbsp;что можно получить лучи добра и&nbsp;благодарности в&nbsp;сообществе</h3>
<p> <ol>
<strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме <li>
поста, оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен <p>
профессиональной экспертизой, наблюдения и&nbsp;реальные истории <strong>Вежливость и&nbsp;конструктивность.</strong> Мы&nbsp;выступаем
из&nbsp;жизни&nbsp;&mdash; чем больше мы&nbsp;делимся друг с&nbsp;другом знаниями, тем за&nbsp;конструктивный диалог, аргументированные комментарии и&nbsp;доброжелательное
интереснее и&nbsp;плодотворнее становится наше общение. Помните, что каждый вдумчивый отношение друг к&nbsp;другу. Задавайте содержательные вопросы, пишите развернутые
ответ повышает качество дискуссий в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё комментарии, подкрепляйте их&nbsp;аргументами, чтобы диалог был полезен всем участникам,
интереснее. помогая глубже понять тему и&nbsp;разобраться в&nbsp;вопросе. И, пожалуйста, уважайте
</p> собеседника, даже если он&nbsp;вам лично не&nbsp;импонирует: только так получаются
</li> продуктивные дискуссии.
</p>
</li>
<li> <li>
<p> <p>
<strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие <strong>Обмен знаниями и&nbsp;историями.</strong> Осмысленные высказывания по&nbsp;теме
не&nbsp;только направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают поста, оригинальные рассуждения, рассказы о&nbsp;личном опыте и&nbsp;проектах, обмен
настроение. Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает, профессиональной экспертизой, наблюдения и&nbsp;реальные истории
и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое из&nbsp;жизни&nbsp;&mdash; чем больше мы&nbsp;делимся друг с&nbsp;другом знаниями, тем
начинается с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу интереснее и&nbsp;плодотворнее становится наше общение. Помните, что каждый вдумчивый
в&nbsp;сообществе. Надеемся, вы&nbsp;тоже. ответ повышает качество дискуссий в&nbsp;сообществе и&nbsp;делает чтение самиздата ещё
</p> интереснее.
</li> </p>
</li>
<li> <li>
<p> <p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла, <strong>Чувство юмора и&nbsp;добродушие.</strong> Остроумие и&nbsp;дружелюбие
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить не&nbsp;только направляют дискуссии в&nbsp;продуктивное русло, но&nbsp;и&nbsp;улучшают
авторов, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените настроение. Не&nbsp;вредите негативом, которого в&nbsp;интернете и&nbsp;без нас хватает,
и&nbsp;поддерживайте классные проекты, сильные тексты, новое искусство, осмысленные и&nbsp;не&nbsp;травите на&nbsp;корню классные инициативы&nbsp;&mdash; всё великое
комментарии и&nbsp;вклад других в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас начинается с&nbsp;малого. Мы&nbsp;за&nbsp;поддерживающую и&nbsp;вдохновляющую атмосферу
сильнее и&nbsp;усиливает звучание идей и&nbsp;смыслов, которые помогают лучше понимать в&nbsp;сообществе. Надеемся, вы&nbsp;тоже.
мир. </p>
</p> </li>
</li>
</ol> <li>
<p>
<strong>Благодарность и&nbsp;поддержка.</strong> Если публикация вам зашла,
не&nbsp;стесняйтесь ставить лайки, делиться понравившимися материалами, благодарить
авторов, читателей, художников и&nbsp;редакторов в&nbsp;комментариях. Цените
и&nbsp;поддерживайте классные проекты, сильные тексты, новое искусство, осмысленные
комментарии и&nbsp;вклад других в&nbsp;самиздат&nbsp;&mdash; сотрудничество делает нас
сильнее и&nbsp;усиливает звучание идей и&nbsp;смыслов, которые помогают лучше понимать
мир.
</p>
</li>
</ol>
</div>
</div> </div>
</div> </div>
</article> </article>

2
src/components/Pages/about/DogmaPage.tsx
View File

@ -5,7 +5,7 @@ import { MainLayout } from '../../Layouts/MainLayout'
export const DogmaPage = () => { export const DogmaPage = () => {
return ( return (
<MainLayout> <MainLayout>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<h4 class="col-md-8 offset-md-2">Редакционные принципы</h4> <h4 class="col-md-8 offset-md-2">Редакционные принципы</h4>
<div class="col-md-8 col-lg-6 offset-md-3"> <div class="col-md-8 col-lg-6 offset-md-3">

2
src/components/Pages/about/GuidePage.tsx
View File

@ -14,7 +14,7 @@ export const GuidePage = () => {
{/*<Meta property="og:image:width" content="1200" />*/} {/*<Meta property="og:image:width" content="1200" />*/}
{/*<Meta property="og:image:height" content="630" />*/} {/*<Meta property="og:image:height" content="630" />*/}
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<nav class="content-index"> <nav class="content-index">

2
src/components/Pages/about/HelpPage.tsx
View File

@ -11,7 +11,7 @@ export const HelpPage = () => {
{/*<Modal name="thank">Благодарим!</Modal>*/} {/*<Modal name="thank">Благодарим!</Modal>*/}
<article class="container discours-help"> <article class="container container--static-page discours-help">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<nav class="content-index"> <nav class="content-index">

2
src/components/Pages/about/ManifestPage.tsx
View File

@ -15,7 +15,7 @@ export const ManifestPage = () => {
<Modal name="subscribe"> <Modal name="subscribe">
<Subscribe /> <Subscribe />
</Modal> </Modal>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<nav class="content-index"> <nav class="content-index">

2
src/components/Pages/about/PartnersPage.tsx
View File

@ -6,7 +6,7 @@ import { t } from '../../../utils/intl'
export const PartnersPage = () => { export const PartnersPage = () => {
return ( return (
<MainLayout> <MainLayout>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2">{t('Partners')}</div> <div class="col-md-8 offset-md-2">{t('Partners')}</div>
<div class="col-md-8 col-lg-6 offset-md-3" /> <div class="col-md-8 col-lg-6 offset-md-3" />

2
src/components/Pages/about/PrinciplesPage.tsx
View File

@ -5,7 +5,7 @@ export const PrinciplesPage = () => {
const title = t('Principles') const title = t('Principles')
return ( return (
<MainLayout> <MainLayout>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2"> <div class="col-md-8 offset-md-2">
<h1> <h1>

2
src/components/Pages/about/ProjectsPage.tsx
View File

@ -6,7 +6,7 @@ import { t } from '../../../utils/intl'
export const ProjectsPage = () => { export const ProjectsPage = () => {
return ( return (
<MainLayout> <MainLayout>
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2">{t('Projects')}</div> <div class="col-md-8 offset-md-2">{t('Projects')}</div>
<div class="col-md-8 col-lg-6 offset-md-3" /> <div class="col-md-8 col-lg-6 offset-md-3" />

2
src/components/Pages/about/TermsOfUsePage.tsx
View File

@ -9,7 +9,7 @@ export const TermsOfUsePage = () => {
{/*<Meta name="keywords" content={`Discours.io, ${t('Terms of use')}, ${t('Terms of use', 'en')}`} />*/} {/*<Meta name="keywords" content={`Discours.io, ${t('Terms of use')}, ${t('Terms of use', 'en')}`} />*/}
{/*<Meta property="og:title" content={title} />*/} {/*<Meta property="og:title" content={title} />*/}
{/*<Meta property="og:description" content={title} />*/} {/*<Meta property="og:description" content={title} />*/}
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<nav class="content-index"> <nav class="content-index">

2
src/components/Pages/about/ThanksPage.tsx
View File

@ -10,7 +10,7 @@ export const ThanksPage = () => {
{/*<Meta property="og:title" content={title} />*/} {/*<Meta property="og:title" content={title} />*/}
{/*<Meta property="og:description" content={title} />*/} {/*<Meta property="og:description" content={title} />*/}
<article class="container"> <article class="container container--static-page">
<div class="row"> <div class="row">
<div class="col-md-8 offset-md-2"> <div class="col-md-8 offset-md-2">
<h1> <h1>

28
src/components/Topic/Card.tsx
View File

@ -1,5 +1,5 @@
import { capitalize, plural } from '../../utils' import { capitalize, plural } from '../../utils'
import style from './Card.module.scss' import styles from './Card.module.scss'
import { createMemo, Show } from 'solid-js' import { createMemo, Show } from 'solid-js'
import type { Topic } from '../../graphql/types.gen' import type { Topic } from '../../graphql/types.gen'
import { FollowingEntity } from '../../graphql/types.gen' import { FollowingEntity } from '../../graphql/types.gen'
@ -43,20 +43,20 @@ export const TopicCard = (props: TopicProps) => {
} }
return ( return (
<div <div
class={style.topic} class={styles.topic}
classList={{ classList={{
row: !props.compact && !props.subscribeButtonBottom, row: !props.compact && !props.subscribeButtonBottom,
[style.topicInRow]: props.isTopicInRow [styles.topicInRow]: props.isTopicInRow
}} }}
> >
<div classList={{ 'col-md-7': !props.compact && !props.subscribeButtonBottom }}> <div classList={{ 'col-md-7': !props.compact && !props.subscribeButtonBottom }}>
<Show when={props.topic.title}> <Show when={props.topic.title}>
<div class={style.topicTitle}> <div class={styles.topicTitle}>
<a href={`/topic/${props.topic.slug}`}>{capitalize(props.topic.title || '')}</a> <a href={`/topic/${props.topic.slug}`}>{capitalize(props.topic.title || '')}</a>
</div> </div>
</Show> </Show>
<Show when={props.topic.pic}> <Show when={props.topic.pic}>
<div class={style.topicAvatar}> <div class={styles.topicAvatar}>
<a href={props.topic.slug}> <a href={props.topic.slug}>
<img src={props.topic.pic} alt={props.topic.title} /> <img src={props.topic.pic} alt={props.topic.title} />
</a> </a>
@ -65,7 +65,7 @@ export const TopicCard = (props: TopicProps) => {
<Show when={!props.compact && props.topic?.body}> <Show when={!props.compact && props.topic?.body}>
<div <div
class={style.topicDescription} class={styles.topicDescription}
classList={{ 'topic-description--short': props.shortDescription }} classList={{ 'topic-description--short': props.shortDescription }}
> >
{props.topic.body} {props.topic.body}
@ -73,9 +73,9 @@ export const TopicCard = (props: TopicProps) => {
</Show> </Show>
<Show when={props.topic?.stat}> <Show when={props.topic?.stat}>
<div class={style.topicDetails}> <div class={styles.topicDetails}>
<Show when={!props.compact}> <Show when={!props.compact}>
<span class={style.topicDetailsTtem} classList={{ compact: props.compact }}> <span class={styles.topicDetailsTtem} classList={{ compact: props.compact }}>
{props.topic.stat?.shouts + {props.topic.stat?.shouts +
' ' + ' ' +
t('post') + t('post') +
@ -84,7 +84,7 @@ export const TopicCard = (props: TopicProps) => {
locale() === 'ru' ? ['ов', '', 'а'] : ['s', '', 's'] locale() === 'ru' ? ['ов', '', 'а'] : ['s', '', 's']
)} )}
</span> </span>
<span class={style.topicDetailsTtem} classList={{ compact: props.compact }}> <span class={styles.topicDetailsTtem} classList={{ compact: props.compact }}>
{props.topic.stat?.authors + {props.topic.stat?.authors +
' ' + ' ' +
t('author') + t('author') +
@ -93,7 +93,7 @@ export const TopicCard = (props: TopicProps) => {
locale() === 'ru' ? ['ов', '', 'а'] : ['s', '', 's'] locale() === 'ru' ? ['ов', '', 'а'] : ['s', '', 's']
)} )}
</span> </span>
<span class={style.topicDetailsItem} classList={{ compact: props.compact }}> <span class={styles.topicDetailsItem} classList={{ compact: props.compact }}>
{props.topic.stat?.followers + {props.topic.stat?.followers +
' ' + ' ' +
t('follower') + t('follower') +
@ -131,15 +131,15 @@ export const TopicCard = (props: TopicProps) => {
<Show <Show
when={subscribed()} when={subscribed()}
fallback={ fallback={
<button onClick={() => subscribe(true)} class="button--light"> <button onClick={() => subscribe(true)} class="button--light button--subscribe-topic">
<Show when={props.iconButton}>{/*<Icon name={}/>*/}</Show> <Show when={props.iconButton}>+</Show>
<Show when={!props.iconButton}>+&nbsp;{t('Follow')}</Show> <Show when={!props.iconButton}>+&nbsp;{t('Follow')}</Show>
</button> </button>
} }
> >
<button onClick={() => subscribe(false)} class="button--light"> <button onClick={() => subscribe(false)} class="button--light button--subscribe-topic">
<Show when={props.iconButton}>{/*<Icon name={}/>*/}</Show> <Show when={props.iconButton}>-</Show>
<Show when={!props.iconButton}>-&nbsp;{t('Unfollow')}</Show> <Show when={!props.iconButton}>-&nbsp;{t('Unfollow')}</Show>
</button> </button>

4
src/locales/ru.json
View File

@ -26,7 +26,7 @@
"Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects": "Дискурс — это интеллектуальная среда, веб-пространство и инструменты, которые позволяют авторам сотрудничать с читателями и объединяться для совместного создания публикаций и медиапроектов", "Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects": "Дискурс — это интеллектуальная среда, веб-пространство и инструменты, которые позволяют авторам сотрудничать с читателями и объединяться для совместного создания публикаций и медиапроектов",
"Discours is created with our common effort": "Дискурс существует благодаря нашему общему вкладу", "Discours is created with our common effort": "Дискурс существует благодаря нашему общему вкладу",
"Discussing": "Обсуждаемое", "Discussing": "Обсуждаемое",
"Discussion rules": "Правила сообществ самиздата в соцсетях", "Discussion rules": "Правила сообществ самиздата в&nbsp;соцсетях",
"Dogma": "Догма", "Dogma": "Догма",
"Edit": "Редактировать", "Edit": "Редактировать",
"Email": "Почта", "Email": "Почта",
@ -99,7 +99,7 @@
"Successfully authorized": "Авторизация успешна", "Successfully authorized": "Авторизация успешна",
"Suggest an idea": "Предложить идею", "Suggest an idea": "Предложить идею",
"Support us": "Помочь журналу", "Support us": "Помочь журналу",
"Terms of use": "Условия использования", "Terms of use": "Правила сайта",
"Thank you": "Благодарности", "Thank you": "Благодарности",
"To leave a comment please": "Чтобы оставить комментарий, необходимо", "To leave a comment please": "Чтобы оставить комментарий, необходимо",
"Top authors": "Рейтинг авторов", "Top authors": "Рейтинг авторов",

28
src/styles/app.scss
View File

@ -26,6 +26,7 @@ html {
height: 100%; height: 100%;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
overscroll-behavior-y: none; overscroll-behavior-y: none;
overflow-y: scroll;
} }
body { body {
@ -69,10 +70,14 @@ section {
h1, h1,
h2 { h2 {
line-height: 1.3;
.wrapped { .wrapped {
background: #000; background: #000;
color: #fff; color: #fff;
padding: 0 0.15em; padding: 0 0.15em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
} }
} }
@ -171,6 +176,7 @@ button {
.button { .button {
background: #000; background: #000;
box-sizing: border-box;
color: #fff; color: #fff;
font-size: 100%; font-size: 100%;
font-weight: 500; font-weight: 500;
@ -179,6 +185,7 @@ button {
&:hover { &:hover {
color: #ccc; color: #ccc;
opacity: 1;
} }
&:active { &:active {
@ -187,8 +194,10 @@ button {
} }
.button--subscribe { .button--subscribe {
padding: 0.6rem 1.2rem; background: #fff;
border: 2px solid #f6f6f6;
font-size: 1.5rem; font-size: 1.5rem;
padding: 0.6rem 1.2rem;
transition: background-color 0.2s; transition: background-color 0.2s;
img { img {
@ -210,10 +219,23 @@ button {
@include font-size(1.5rem); @include font-size(1.5rem);
font-weight: 400; font-weight: 400;
height: auto;
margin-top: 0.6rem; margin-top: 0.6rem;
padding: 0.6rem 1.2rem 0.6rem 1rem; padding: 0.6rem 1.2rem 0.6rem 1rem;
} }
.button--subscribe-topic {
background: #fff;
border: 2px solid #000;
border-radius: 0.8rem;
&:hover {
background: #000;
color: #fff;
opacity: 1;
}
}
form { form {
.pretty-form__item { .pretty-form__item {
position: relative; position: relative;
@ -562,6 +584,10 @@ astro-island {
} }
} }
.container--static-page {
padding-top: 1.5em;
}
.shift-content { .shift-content {
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin-left: 127px; margin-left: 127px;