• Stephen Burgess's avatar
    Replace inline styles with CSS classes (BEM) (#2338) · cca41ea5
    Stephen Burgess authored
    * fix(classnames): Status icon style classnames
    
    Take out inline css and put into classnames for the following components: account, avatar, icon button, status action bar, notification.
    
    * fix(status): Move styles from inline to classes for statuses
    
    Move styles to classnames in components.scss for the following components:
    
    display name
    media gallery
    status
    status content
    video player
    
    * fix(classnames): Add classnames to rest of components
    
    Take out inline styles and apply them to classnames in the sass for the following components:
    
    button
    column back button
    slim column back button
    collapsable column
    dropdown menu
    loading indicator
    status list
    
    * fix(classnames): Remove all non-dynamic inline styles
    
    Components affected:
    
    autosuggested
    permalink
    action bar
    header
    character counter
    compose form
    emoji dropdown
    privacy dropdown
    reply indicator
    upload form
    account auth
    followers
    getting started
    column settings
    mutes
    settings
    reblogs
    status checkbox
    report
    action bar
    status
    card
    boost modal
    media modal
    video modal
    
    * fix(permalink): Do not lose classname
    
    * fix(tests): Add space back in display name
    
    * fix(status__wrapper): Remove duplicate css name
    
    Remove incorrect style attribute. Remove style attribute all together. Cursor defaults to "auto" when not specified as 'default'.
    
    * fix(nl): do not lose translations
    cca41ea5