diff options
Diffstat (limited to 'FrontEnd/src')
-rw-r--r-- | FrontEnd/src/app/views/center/TimelineBoard.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/center/center.sass | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/common/AppBar.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/common/FullPage.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/common/LoadingButton.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/common/SearchInput.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/common/TabPages.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/home/TimelineListView.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/search/index.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/settings/index.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePageCardTemplate.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/timeline/TimelineCard.tsx | 6 | ||||
-rw-r--r-- | FrontEnd/src/app/views/user/UserCard.tsx | 4 |
15 files changed, 28 insertions, 28 deletions
diff --git a/FrontEnd/src/app/views/center/TimelineBoard.tsx b/FrontEnd/src/app/views/center/TimelineBoard.tsx index e0511422..35249f66 100644 --- a/FrontEnd/src/app/views/center/TimelineBoard.tsx +++ b/FrontEnd/src/app/views/center/TimelineBoard.tsx @@ -47,7 +47,7 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({ <TimelineLogo className="icon" /> )} <span className="title">{title}</span> - <small className="ml-2 text-secondary">{name}</small> + <small className="ms-2 text-secondary">{name}</small> <span className="flex-grow-1"></span> {actions != null ? ( <div className="right"> diff --git a/FrontEnd/src/app/views/center/center.sass b/FrontEnd/src/app/views/center/center.sass index 4b86f241..c0dfb9c0 100644 --- a/FrontEnd/src/app/views/center/center.sass +++ b/FrontEnd/src/app/views/center/center.sass @@ -23,7 +23,7 @@ .icon
height: 1.3em
color: black
- @extend .mr-2
+ @extend .me-2
&:hover
background: $gray-300
.right
diff --git a/FrontEnd/src/app/views/common/AppBar.tsx b/FrontEnd/src/app/views/common/AppBar.tsx index 4b165427..939f0175 100644 --- a/FrontEnd/src/app/views/common/AppBar.tsx +++ b/FrontEnd/src/app/views/common/AppBar.tsx @@ -38,7 +38,7 @@ const AppBar: React.FC = (_) => { <Navbar.Toggle onClick={toggleExpand} /> <Navbar.Collapse> - <Nav className="mr-auto"> + <Nav className="me-auto"> <NavLink to="/settings" className="nav-link" @@ -67,12 +67,12 @@ const AppBar: React.FC = (_) => { </NavLink> )} </Nav> - <Nav className="ml-auto md-mr-2"> + <Nav className="ms-auto md-me-2"> {user != null ? ( <LinkContainer to="/"> <UserAvatar username={user.username} - className="avatar small rounded-circle bg-white cursor-pointer ml-auto" + className="avatar small rounded-circle bg-white cursor-pointer ms-auto" /> </LinkContainer> ) : ( diff --git a/FrontEnd/src/app/views/common/FullPage.tsx b/FrontEnd/src/app/views/common/FullPage.tsx index 4048895a..1b59045a 100644 --- a/FrontEnd/src/app/views/common/FullPage.tsx +++ b/FrontEnd/src/app/views/common/FullPage.tsx @@ -20,7 +20,7 @@ const FullPage: React.FC<FullPageProps> = ({ > <div className="cru-full-page-top-bar"> <i - className="icon-button bi-arrow-left text-white ml-3" + className="icon-button bi-arrow-left text-white ms-3" onClick={onBack} /> </div> diff --git a/FrontEnd/src/app/views/common/LoadingButton.tsx b/FrontEnd/src/app/views/common/LoadingButton.tsx index 154334a7..cd9f1adc 100644 --- a/FrontEnd/src/app/views/common/LoadingButton.tsx +++ b/FrontEnd/src/app/views/common/LoadingButton.tsx @@ -16,7 +16,7 @@ const LoadingButton: React.FC<{ loading?: boolean } & ButtonProps> = ({ {otherProps.children} {loading ? ( <Spinner - className="ml-1" + className="ms-1" variant={variant} animation="grow" size="sm" diff --git a/FrontEnd/src/app/views/common/SearchInput.tsx b/FrontEnd/src/app/views/common/SearchInput.tsx index 76e7884c..63fa02c9 100644 --- a/FrontEnd/src/app/views/common/SearchInput.tsx +++ b/FrontEnd/src/app/views/common/SearchInput.tsx @@ -46,20 +46,20 @@ const SearchInput: React.FC<SearchInputProps> = (props) => { )} > <Form.Control - className="mr-sm-2 flex-grow-1" + className="me-sm-2 flex-grow-1" value={props.value} onChange={onInputChange} onKeyPress={onInputKeyPress} placeholder={props.placeholder} /> {props.additionalButton ? ( - <div className="mt-2 mt-sm-0 flex-shrink-0 order-sm-last ml-sm-2"> + <div className="mt-2 mt-sm-0 flex-shrink-0 order-sm-last ms-sm-2"> {props.additionalButton} </div> ) : null} <div className={classnames( - alwaysOneline ? "mt-0 ml-2" : "mt-2 mt-sm-0 ml-auto ml-sm-0", + alwaysOneline ? "mt-0 ms-2" : "mt-2 mt-sm-0 ms-auto ms-sm-0", "flex-shrink-0" )} > diff --git a/FrontEnd/src/app/views/common/TabPages.tsx b/FrontEnd/src/app/views/common/TabPages.tsx index 424e769f..2b1d91cb 100644 --- a/FrontEnd/src/app/views/common/TabPages.tsx +++ b/FrontEnd/src/app/views/common/TabPages.tsx @@ -61,7 +61,7 @@ const TabPages: React.FC<TabPagesProps> = ({ </Nav.Item> ))} {actions != null && ( - <div className="ml-auto cru-tab-pages-action-area">{actions}</div> + <div className="ms-auto cru-tab-pages-action-area">{actions}</div> )} </Nav> <div className={pageContainerClassName} style={pageContainerStyle}> diff --git a/FrontEnd/src/app/views/home/TimelineListView.tsx b/FrontEnd/src/app/views/home/TimelineListView.tsx index 819e2322..95c3c367 100644 --- a/FrontEnd/src/app/views/home/TimelineListView.tsx +++ b/FrontEnd/src/app/views/home/TimelineListView.tsx @@ -35,7 +35,7 @@ const TimelineListItem: React.FC<TimelineListItemProps> = ({ timeline }) => { </div> </div> <Link to={url}> - <i className="icon-button bi-arrow-right ml-3" /> + <i className="icon-button bi-arrow-right ms-3" /> </Link> </div> ); diff --git a/FrontEnd/src/app/views/search/index.tsx b/FrontEnd/src/app/views/search/index.tsx index 8401f26c..966ca666 100644 --- a/FrontEnd/src/app/views/search/index.tsx +++ b/FrontEnd/src/app/views/search/index.tsx @@ -23,16 +23,16 @@ const TimelineSearchResultItemView: React.FC<{ <h4> <Link to={link} className="mb-2 text-primary"> {timeline.title} - <small className="ml-3 text-secondary">{timeline.name}</small> + <small className="ms-3 text-secondary">{timeline.name}</small> </Link> </h4> <div> <UserAvatar username={timeline.owner.username} - className="timeline-search-result-item-avatar mr-2" + className="timeline-search-result-item-avatar me-2" /> {timeline.owner.nickname} - <small className="ml-3 text-secondary"> + <small className="ms-3 text-secondary"> @{timeline.owner.username} </small> </div> diff --git a/FrontEnd/src/app/views/settings/index.tsx b/FrontEnd/src/app/views/settings/index.tsx index bc3b55a4..04a2777a 100644 --- a/FrontEnd/src/app/views/settings/index.tsx +++ b/FrontEnd/src/app/views/settings/index.tsx @@ -93,7 +93,7 @@ const SettingsPage: React.FC = (_) => { {t("settings.languageSecondary")} </small> </Col> - <Col xs="auto" className="ml-auto"> + <Col xs="auto" className="ms-auto"> <Form.Control as="select" value={language} diff --git a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx index f293bb21..d81d18b7 100644 --- a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx +++ b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx @@ -108,7 +108,7 @@ const MarkdownPostEdit: React.FC<MarkdownPostEditProps> = ({ ) : ( <> <FlatButton - className="mr-2" + className="me-2" variant="danger" onClick={() => { if (canLeave) { diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageCardTemplate.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageCardTemplate.tsx index ad9b7ede..be0c536b 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelinePageCardTemplate.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelinePageCardTemplate.tsx @@ -54,7 +54,7 @@ const TimelinePageCardTemplate: React.FC<TimelineCardTemplateProps> = ({ <i className={classnames( timeline.isHighlight ? "bi-star-fill" : "bi-star", - "icon-button text-yellow mr-3" + "icon-button text-yellow me-3" )} onClick={ user?.hasHighlightTimelineAdministrationPermission @@ -77,7 +77,7 @@ const TimelinePageCardTemplate: React.FC<TimelineCardTemplateProps> = ({ <i className={classnames( timeline.isBookmark ? "bi-bookmark-fill" : "bi-bookmark", - "icon-button text-yellow mr-3" + "icon-button text-yellow me-3" )} onClick={() => { getHttpBookmarkClient() @@ -94,7 +94,7 @@ const TimelinePageCardTemplate: React.FC<TimelineCardTemplateProps> = ({ /> ) : null} <i - className={"icon-button bi-people text-primary mr-3"} + className={"icon-button bi-people text-primary me-3"} onClick={() => setDialog("member")} /> {manageItems != null ? ( diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx index 295ee3b9..e9c75de7 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelinePostView.tsx @@ -63,15 +63,15 @@ const TimelinePostView: React.FC<TimelinePostViewProps> = (props) => { /> ) : null} <div className="timeline-item-header"> - <span className="mr-2"> + <span className="me-2"> <span> <Link to={"/users/" + props.post.author.username}> <UserAvatar username={post.author.username} - className="timeline-avatar mr-1" + className="timeline-avatar me-1" /> </Link> - <small className="text-dark mr-2">{post.author.nickname}</small> + <small className="text-dark me-2">{post.author.nickname}</small> <small className="text-secondary white-space-no-wrap"> {new Date(post.time).toLocaleTimeString()} </small> diff --git a/FrontEnd/src/app/views/timeline/TimelineCard.tsx b/FrontEnd/src/app/views/timeline/TimelineCard.tsx index 2a9bcfc8..f2aca579 100644 --- a/FrontEnd/src/app/views/timeline/TimelineCard.tsx +++ b/FrontEnd/src/app/views/timeline/TimelineCard.tsx @@ -20,15 +20,15 @@ const TimelineCard: React.FC<TimelinePageCardProps> = (props) => { <> <h3 className="text-primary d-inline-block align-middle"> {timeline.title} - <small className="ml-3 text-secondary">{timeline.name}</small> + <small className="ms-3 text-secondary">{timeline.name}</small> </h3> <div className="align-middle"> <UserAvatar username={timeline.owner.username} - className="avatar small rounded-circle mr-3" + className="avatar small rounded-circle me-3" /> {timeline.owner.nickname} - <small className="ml-3 text-secondary"> + <small className="ms-3 text-secondary"> @{timeline.owner.username} </small> </div> diff --git a/FrontEnd/src/app/views/user/UserCard.tsx b/FrontEnd/src/app/views/user/UserCard.tsx index 552f5ced..067366e0 100644 --- a/FrontEnd/src/app/views/user/UserCard.tsx +++ b/FrontEnd/src/app/views/user/UserCard.tsx @@ -18,12 +18,12 @@ const UserCard: React.FC<TimelinePageCardProps> = (props) => { <> <h3 className="text-primary d-inline-block align-middle"> {timeline.title} - <small className="ml-3 text-secondary">{timeline.name}</small> + <small className="ms-3 text-secondary">{timeline.name}</small> </h3> <div className="align-middle"> <UserAvatar username={timeline.owner.username} - className="avatar small rounded-circle mr-3" + className="avatar small rounded-circle me-3" /> {timeline.owner.nickname} </div> |