Files
remark42/frontend/app/components/comment/styles.ts
T
Pavel MineevandUmputun 51d2310c1f Nice inputs and buttons (#510)
* Set default font in examle

* prettify file

* add ui elements

* Use UIButton at AuthPanel

* sort deps
* remove unsed getUserTitle method
* move UserId inside AuthPanel
* tests

* use UIButton and UInput in Anonymous login

* Use UIButton and UIInput in email login

* Replace Button to UIButton

* fix context for onTitleClick in dropdown
* rearrage class props in dropdown
* TODO: change finding over DOM to using ref

* Use UIButton in input

* rearrage deps

* Use UIButton in comment

* test

* Focus and Input buttons

* custom focus style for inputs and buttons
* the same focus style for comment input
* align buttons by top line in input

* Token dropdown & hover fix

* disable hover when button disabled
* make token dropdown markup in new style

* Fix trailing comma

* update prettier
* move prettier config to json format because it is more hendy for settings
(for example vscode can suggest rules)
* prettier fixed trailing comman in ejs

* Remove unnecessary conditions

* Files was formatted by Prettier

* fix cursor pointer on collapse button

* Move components and right naming

* ui-button -> button
* ui-input -> input
* input -> comment-form

* Change cursor behavior on disabled state

* Change button style

* font-weight: normal by default
* add small border-radius

* Change another one button to component

* Fix autofocus on username in email login form

* use preact inbuild autoFocus
* fix autofocus on back from token step
* sleep for 0s enough to wait next render before focus
* use more specific name for username input

* fix line-height at auth line on mobile

* fix className
2020-01-05 14:58:10 -06:00

50 lines
1.9 KiB
TypeScript

import '@app/components/raw-content';
import './comment.scss';
import './__action/comment__action.scss';
import './__action/_type/_collapse/comment__action_type_collapse.scss';
import './__edit-timer/comment__edit-timer.scss';
import './__body/comment__body.scss';
import './__control/comment__control.scss';
import './__control/_select/comment__control_select.scss';
import './__control/_select-label/comment__control_select-label.scss';
import './__control/_view/_inactive/comment__control_view_inactive.scss';
import './__controls/comment__controls.scss';
import './__info/comment__info.scss';
import './__input/comment__input.scss';
import './__link-to-parent/comment__link-to-parent.scss';
import './__score/comment__score.scss';
import './__score-value/comment__score-value.scss';
import './__status/comment__status.scss';
import './__text/comment__text.scss';
import './__time/comment__time.scss';
import './__user-id/comment__user-id.scss';
import './__username/comment__username.scss';
import './__verification/comment__verification.scss';
import './__verification/_active/comment__verification_active.scss';
import './__verification/_clickable/comment__verification_clickable.scss';
import './__vote/comment__vote.scss';
import './__vote/_disabled/comment__vote_disabled.scss';
import './__vote/_selected/comment__vote_selected.scss';
import './__vote/_type/_down/comment__vote_type_down.scss';
import './__vote/_type/_up/comment__vote_type_up.scss';
import './_collapsed/comment_collapsed.scss';
import './_editing/comment_editing.scss';
import './_replying/comment_replying.scss';
import './_useless/comment_useless.scss';
import './_view/_admin/comment_view_admin.scss';
import './_view/_preview/comment_view_preview.scss';
import './_view/_user/comment_view_user.scss';
import './_theme/_dark/comment_theme_dark.scss';
import './_theme/_light/comment_theme_light.scss';