diff --git a/app/styles/accounts.scss b/app/styles/accounts.scss index b0412298b..831559f9f 100644 --- a/app/styles/accounts.scss +++ b/app/styles/accounts.scss @@ -203,23 +203,6 @@ a .account__avatar { } } -.account__section-headline { - button, - a { - flex: none; - padding: 18px 15px; - font-size: 16px; - font-weight: 600; - - &.active { - &::before, - &::after { - border-color: transparent transparent var(--foreground-color); - } - } - } -} - .account__moved-note { padding: 14px 10px; padding-bottom: 16px; diff --git a/app/styles/application.scss b/app/styles/application.scss index 2e8c68de4..a3085f7e6 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -67,9 +67,6 @@ @import 'components/radio-button'; @import 'components/directory'; -// Truth custom styles -@import 'truth'; - @tailwind base; @tailwind components; @tailwind utilities; diff --git a/app/styles/truth.scss b/app/styles/truth.scss deleted file mode 100644 index 4e7f1c742..000000000 --- a/app/styles/truth.scss +++ /dev/null @@ -1,274 +0,0 @@ -:root { - --tmg-green: #008000; -} - -.tabs-bar { - background: var(--foreground-color); - border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.1); -} - -.tabs-bar__link { - &--logo { - padding: 9px 5px; - align-self: center; - justify-self: center; - filter: none; - } - - .svg-icon { - color: var(--brand-color); - transition: none; - } - - &:hover .svg-icon { - color: white; - } -} - -.tabs-bar .react-toggle-track { - background-color: var(--brand-color) !important; -} - -.theme-mode-dark .primary-navigation > button::before, -.theme-mode-dark .primary-navigation > .btn::before { - background-color: var(--brand-color) !important; -} - -@media screen and (max-width: 450px) { - .tabs-bar__link--logo { - margin: 0 auto; - padding: 12px 5px; - position: absolute; - left: 0; - right: 0; - text-align: center; - } - - .tabs-bar__split--right { - margin: 0; - order: -1; - } -} - -.account__section-headline .column-header__buttons, -.account__header__extra__links > div { - display: none; -} - -.account__header__extra__links { - justify-content: flex-start; - border-bottom: 1px solid #ccc; - - a { - display: flex; - align-items: center; - } - - span:first-of-type { - margin-right: 5px; - } -} - -.display-name__name { - display: inline-flex; - align-items: center; -} - -// .verified-icon { -// display: inline-flex; -// align-items: center; -// margin: 0 3px; -// padding-top: 2px; - -// svg { -// width: 18px; -// height: 18px; -// } -// } - -.theme-mode-light { - --background-color_h: 0; - --background-color_s: 0%; - --background-color_l: 96%; -} - -.status__action-bar__counter--reblog, -.detailed-status__button--reblog { - .icon-button.active { - color: var(--tmg-green); - - .svg-icon svg { - color: var(--tmg-green); - } - } -} - -.status__action-bar__counter--favourite, -.detailed-status__button--favourite { - .icon-button.active { - color: var(--accent-color); - fill: var(--accent-color); - - .svg-icon svg { - color: var(--accent-color); - fill: var(--accent-color); - } - } -} - -.emoji-react--reblogs { - .svg-icon { - color: var(--tmg-green); - } -} - -.sidebar-menu__close { - top: 20px; -} - -.primary-navigation__icon { - stroke: currentColor; -} - -.public-layout { - background: linear-gradient(135deg, #fff, #f5f5f5); - - .header { - .simple_form { - button { - background: $color-6-light; - color: $color-3; - font-size: 14px; - line-height: 14px; - padding: 10px 15px; - border: 1px solid $color-3 !important; - - &:hover, - &:active, - &:focus { - background: $color-6; - } - - &::selection { - background-color: transparent; - color: $color-3; - } - } - - input[type="text"], - input[type="password"] { - padding: 8px 15px; - font-size: 14px; - line-height: 14px; - background: $color-6-light; - border-color: $color-6-dark; - } - } - - .nav-right .simple_form.new_user .fields-group p.hint.subtle-hint a { - background-color: transparent; - } - } -} - -.landing { - .landing-columns--left { - display: flex; - align-items: center; - } - - .landing-columns--right { - display: flex; - align-items: center; - - .simple_form { - position: relative; - z-index: 10; - box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05); - background-color: $color-6-light; - padding: 40px; - - h1 { - text-align: center; - font-size: 32px; - font-weight: 600; - color: $color-4-dark; - margin-bottom: 30px; - } - - input[type="text"], - input[type="password"], - input[type="email"] { - padding: 10 15px; - font-size: 14px; - line-height: 14px; - background: $color-6; - border-color: $color-6-dark; - margin-bottom: 10px; - } - - button { - background: $color-2; - font-size: 16px; - line-height: 16px; - padding: 15px; - border: none; - border-radius: 8px; - color: $color-6-light; - - &:hover, - &:active, - &:focus { - background: $color-1; - } - - &::selection { - background-color: transparent; - color: $color-3; - } - } - } - } -} - -.public-layout { - .landing__brand { - align-items: flex-start; - } - - .footer { - display: flex; - padding: 40px 0; - font-size: 12px; - justify-content: center; - align-items: center; - margin-top: auto; - color: #fff; - background-color: transparent; - - ul { - justify-content: center; - } - - .copyright { - color: $color-5; - } - } -} - -.compose-form__publish--direct button { - background-color: var(--brand-color); -} - -.sub-navigation__cog { - display: none; -} - -.detailed-status__link { - pointer-events: none; -} - -// Pull to refresh -.ptr__pull-down { - transform: translateY(10px); -} diff --git a/app/styles/ui.scss b/app/styles/ui.scss index b822b77f1..6f8106051 100644 --- a/app/styles/ui.scss +++ b/app/styles/ui.scss @@ -522,8 +522,7 @@ article:last-child > .domain { } } -.filter-bar, -.account__section-headline { +.filter-bar { cursor: default; display: flex; flex-shrink: 0;