Switch from 48px weight 600 material symbol icons to 24px weight 400 icons (#28064)
This commit is contained in:
parent
1070804a1a
commit
6bbcd9348e
250 changed files with 649 additions and 313 deletions
|
@ -7,8 +7,7 @@ import classNames from 'classnames';
|
|||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||
|
||||
import LinkIcon from '@material-symbols/svg-600/outlined/link.svg?react';
|
||||
|
||||
import LinkIcon from 'mastodon/../material-icons/400-24px/link.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
|
||||
const filename = url => url.split('/').pop().split('#')[0].split('?')[0];
|
||||
|
|
|
@ -2,9 +2,9 @@ import PropTypes from 'prop-types';
|
|||
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
|
||||
import GroupsIcon from '@material-symbols/svg-600/outlined/group.svg?react';
|
||||
import PersonIcon from '@material-symbols/svg-600/outlined/person.svg?react';
|
||||
import SmartToyIcon from '@material-symbols/svg-600/outlined/smart_toy.svg?react';
|
||||
import GroupsIcon from 'mastodon/../material-icons/400-24px/group.svg?react';
|
||||
import PersonIcon from 'mastodon/../material-icons/400-24px/person.svg?react';
|
||||
import SmartToyIcon from 'mastodon/../material-icons/400-24px/smart_toy.svg?react';
|
||||
|
||||
|
||||
export const Badge = ({ icon, label, domain }) => (
|
||||
|
|
|
@ -2,8 +2,7 @@ import { useCallback } from 'react';
|
|||
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
|
||||
import ArrowBackIcon from '@material-symbols/svg-600/outlined/arrow_back.svg?react';
|
||||
|
||||
import ArrowBackIcon from 'mastodon/../material-icons/400-24px/arrow_back.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import { ButtonInTabsBar } from 'mastodon/features/ui/util/columns_context';
|
||||
|
||||
|
|
|
@ -6,13 +6,12 @@ import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
|
|||
import classNames from 'classnames';
|
||||
import { withRouter } from 'react-router-dom';
|
||||
|
||||
import AddIcon from '@material-symbols/svg-600/outlined/add.svg?react';
|
||||
import ArrowBackIcon from '@material-symbols/svg-600/outlined/arrow_back.svg?react';
|
||||
import ChevronLeftIcon from '@material-symbols/svg-600/outlined/chevron_left.svg?react';
|
||||
import ChevronRightIcon from '@material-symbols/svg-600/outlined/chevron_right.svg?react';
|
||||
import CloseIcon from '@material-symbols/svg-600/outlined/close.svg?react';
|
||||
import TuneIcon from '@material-symbols/svg-600/outlined/tune.svg?react';
|
||||
|
||||
import AddIcon from 'mastodon/../material-icons/400-24px/add.svg?react';
|
||||
import ArrowBackIcon from 'mastodon/../material-icons/400-24px/arrow_back.svg?react';
|
||||
import ChevronLeftIcon from 'mastodon/../material-icons/400-24px/chevron_left.svg?react';
|
||||
import ChevronRightIcon from 'mastodon/../material-icons/400-24px/chevron_right.svg?react';
|
||||
import CloseIcon from 'mastodon/../material-icons/400-24px/close.svg?react';
|
||||
import TuneIcon from 'mastodon/../material-icons/400-24px/tune.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import { ButtonInTabsBar, useColumnsContext } from 'mastodon/features/ui/util/columns_context';
|
||||
import { WithRouterPropTypes } from 'mastodon/utils/react_router';
|
||||
|
|
|
@ -7,8 +7,7 @@ import classNames from 'classnames';
|
|||
|
||||
import { useDispatch } from 'react-redux';
|
||||
|
||||
import ContentCopyIcon from '@material-symbols/svg-600/outlined/content_copy.svg?react';
|
||||
|
||||
import ContentCopyIcon from 'mastodon/../material-icons/400-24px/content_copy.svg?react';
|
||||
import { showAlert } from 'mastodon/actions/alerts';
|
||||
import { IconButton } from 'mastodon/components/icon_button';
|
||||
|
||||
|
|
|
@ -8,8 +8,7 @@ import { useCallback, useState, useEffect } from 'react';
|
|||
|
||||
import { defineMessages, useIntl } from 'react-intl';
|
||||
|
||||
import CloseIcon from '@material-symbols/svg-600/outlined/close.svg?react';
|
||||
|
||||
import CloseIcon from 'mastodon/../material-icons/400-24px/close.svg?react';
|
||||
import { changeSetting } from 'mastodon/actions/settings';
|
||||
import { bannerSettings } from 'mastodon/settings';
|
||||
import { useAppSelector, useAppDispatch } from 'mastodon/store';
|
||||
|
|
|
@ -2,7 +2,7 @@ import { useCallback } from 'react';
|
|||
|
||||
import { defineMessages, useIntl } from 'react-intl';
|
||||
|
||||
import LockOpenIcon from '@material-symbols/svg-600/outlined/lock_open.svg?react';
|
||||
import LockOpenIcon from 'mastodon/../material-icons/400-24px/lock_open.svg?react';
|
||||
|
||||
import { IconButton } from './icon_button';
|
||||
|
||||
|
|
|
@ -6,10 +6,10 @@ import { withRouter } from 'react-router-dom';
|
|||
|
||||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
|
||||
import CloseIcon from '@material-symbols/svg-600/outlined/close.svg?react';
|
||||
import { supportsPassiveEvents } from 'detect-passive-events';
|
||||
import Overlay from 'react-overlays/Overlay';
|
||||
|
||||
import CloseIcon from 'mastodon/../material-icons/400-24px/close.svg?react';
|
||||
import { CircularProgress } from 'mastodon/components/circular_progress';
|
||||
import { WithRouterPropTypes } from 'mastodon/utils/react_router';
|
||||
|
||||
|
|
|
@ -5,8 +5,7 @@ import { FormattedMessage, injectIntl } from 'react-intl';
|
|||
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
import ArrowDropDownIcon from '@material-symbols/svg-600/outlined/arrow_drop_down.svg?react';
|
||||
|
||||
import ArrowDropDownIcon from 'mastodon/../material-icons/400-24px/arrow_drop_down.svg?react';
|
||||
import { openModal } from 'mastodon/actions/modal';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import InlineAccount from 'mastodon/components/inline_account';
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
import classNames from 'classnames';
|
||||
|
||||
import CheckBoxOutlineBlankIcon from '@material-symbols/svg-600/outlined/check_box_outline_blank.svg?react';
|
||||
|
||||
import CheckBoxOutlineBlankIcon from 'mastodon/../material-icons/400-24px/check_box_outline_blank.svg?react';
|
||||
import { isProduction } from 'mastodon/utils/environment';
|
||||
|
||||
interface SVGPropsWithTitle extends React.SVGProps<SVGSVGElement> {
|
||||
|
|
|
@ -2,8 +2,7 @@ import { useCallback } from 'react';
|
|||
|
||||
import { useIntl, defineMessages } from 'react-intl';
|
||||
|
||||
import MoreHorizIcon from '@material-symbols/svg-600/outlined/more_horiz.svg?react';
|
||||
|
||||
import MoreHorizIcon from 'mastodon/../material-icons/400-24px/more_horiz.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
|
||||
const messages = defineMessages({
|
||||
|
|
|
@ -8,9 +8,9 @@ import classNames from 'classnames';
|
|||
import { is } from 'immutable';
|
||||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
|
||||
import VisibilityOffIcon from '@material-symbols/svg-600/outlined/visibility_off.svg?react';
|
||||
import { debounce } from 'lodash';
|
||||
|
||||
import VisibilityOffIcon from 'mastodon/../material-icons/400-24px/visibility_off.svg?react';
|
||||
import { Blurhash } from 'mastodon/components/blurhash';
|
||||
|
||||
import { autoPlayGif, displayMedia, useBlurhash } from '../initial_state';
|
||||
|
|
|
@ -5,8 +5,7 @@ import { FormattedMessage } from 'react-intl';
|
|||
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
import CancelPresentationIcon from '@material-symbols/svg-600/outlined/cancel_presentation.svg?react';
|
||||
|
||||
import CancelPresentationIcon from 'mastodon/../material-icons/400-24px/cancel_presentation.svg?react';
|
||||
import { removePictureInPicture } from 'mastodon/actions/picture_in_picture';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
|
||||
|
|
|
@ -7,10 +7,10 @@ import classNames from 'classnames';
|
|||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||
|
||||
import CheckIcon from '@material-symbols/svg-600/outlined/check.svg?react';
|
||||
import escapeTextContentForBrowser from 'escape-html';
|
||||
import spring from 'react-motion/lib/spring';
|
||||
|
||||
import CheckIcon from 'mastodon/../material-icons/400-24px/check.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import emojify from 'mastodon/features/emoji/emoji';
|
||||
import Motion from 'mastodon/features/ui/util/optional_motion';
|
||||
|
|
|
@ -7,12 +7,12 @@ import classNames from 'classnames';
|
|||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||
|
||||
import AlternateEmailIcon from '@material-symbols/svg-600/outlined/alternate_email.svg?react';
|
||||
import PushPinIcon from '@material-symbols/svg-600/outlined/push_pin.svg?react';
|
||||
import RepeatIcon from '@material-symbols/svg-600/outlined/repeat.svg?react';
|
||||
import ReplyIcon from '@material-symbols/svg-600/outlined/reply.svg?react';
|
||||
import { HotKeys } from 'react-hotkeys';
|
||||
|
||||
import AlternateEmailIcon from 'mastodon/../material-icons/400-24px/alternate_email.svg?react';
|
||||
import PushPinIcon from 'mastodon/../material-icons/400-24px/push_pin.svg?react';
|
||||
import RepeatIcon from 'mastodon/../material-icons/400-24px/repeat.svg?react';
|
||||
import ReplyIcon from 'mastodon/../material-icons/400-24px/reply.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import PictureInPicturePlaceholder from 'mastodon/components/picture_in_picture_placeholder';
|
||||
import { withOptionalRouter, WithOptionalRouterPropTypes } from 'mastodon/utils/react_router';
|
||||
|
|
|
@ -9,16 +9,15 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
|
|||
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
import BookmarkIcon from '@material-symbols/svg-600/outlined/bookmark-fill.svg';
|
||||
import BookmarkBorderIcon from '@material-symbols/svg-600/outlined/bookmark.svg?react';
|
||||
import MoreHorizIcon from '@material-symbols/svg-600/outlined/more_horiz.svg?react';
|
||||
import RepeatIcon from '@material-symbols/svg-600/outlined/repeat.svg?react';
|
||||
import ReplyIcon from '@material-symbols/svg-600/outlined/reply.svg?react';
|
||||
import ReplyAllIcon from '@material-symbols/svg-600/outlined/reply_all.svg?react';
|
||||
import StarIcon from '@material-symbols/svg-600/outlined/star-fill.svg?react';
|
||||
import StarBorderIcon from '@material-symbols/svg-600/outlined/star.svg?react';
|
||||
import VisibilityIcon from '@material-symbols/svg-600/outlined/visibility.svg?react';
|
||||
|
||||
import BookmarkIcon from 'mastodon/../material-icons/400-24px/bookmark-fill.svg';
|
||||
import BookmarkBorderIcon from 'mastodon/../material-icons/400-24px/bookmark.svg?react';
|
||||
import MoreHorizIcon from 'mastodon/../material-icons/400-24px/more_horiz.svg?react';
|
||||
import RepeatIcon from 'mastodon/../material-icons/400-24px/repeat.svg?react';
|
||||
import ReplyIcon from 'mastodon/../material-icons/400-24px/reply.svg?react';
|
||||
import ReplyAllIcon from 'mastodon/../material-icons/400-24px/reply_all.svg?react';
|
||||
import StarIcon from 'mastodon/../material-icons/400-24px/star-fill.svg?react';
|
||||
import StarBorderIcon from 'mastodon/../material-icons/400-24px/star.svg?react';
|
||||
import VisibilityIcon from 'mastodon/../material-icons/400-24px/visibility.svg?react';
|
||||
import RepeatDisabledIcon from 'mastodon/../svg-icons/repeat_disabled.svg?react';
|
||||
import RepeatPrivateIcon from 'mastodon/../svg-icons/repeat_private.svg?react';
|
||||
import { PERMISSION_MANAGE_USERS, PERMISSION_MANAGE_FEDERATION } from 'mastodon/permissions';
|
||||
|
|
|
@ -9,8 +9,7 @@ import { Link, withRouter } from 'react-router-dom';
|
|||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
import ChevronRightIcon from '@material-symbols/svg-600/outlined/chevron_right.svg?react';
|
||||
|
||||
import ChevronRightIcon from 'mastodon/../material-icons/400-24px/chevron_right.svg?react';
|
||||
import { Icon } from 'mastodon/components/icon';
|
||||
import PollContainer from 'mastodon/containers/poll_container';
|
||||
import { autoPlayGif, languages as preloadedLanguages } from 'mastodon/initial_state';
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import CheckIcon from '@material-symbols/svg-600/outlined/check.svg?react';
|
||||
import CheckIcon from 'mastodon/../material-icons/400-24px/check.svg?react';
|
||||
|
||||
import { Icon } from './icon';
|
||||
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
import { defineMessages, useIntl } from 'react-intl';
|
||||
|
||||
import AlternateEmailIcon from '@material-symbols/svg-600/outlined/alternate_email.svg?react';
|
||||
import LockIcon from '@material-symbols/svg-600/outlined/lock.svg?react';
|
||||
import LockOpenIcon from '@material-symbols/svg-600/outlined/lock_open.svg?react';
|
||||
import PublicIcon from '@material-symbols/svg-600/outlined/public.svg?react';
|
||||
import AlternateEmailIcon from 'mastodon/../material-icons/400-24px/alternate_email.svg?react';
|
||||
import LockIcon from 'mastodon/../material-icons/400-24px/lock.svg?react';
|
||||
import LockOpenIcon from 'mastodon/../material-icons/400-24px/lock_open.svg?react';
|
||||
import PublicIcon from 'mastodon/../material-icons/400-24px/public.svg?react';
|
||||
|
||||
import { Icon } from './icon';
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue