diff --git a/resources/css/bem-index.less b/resources/css/bem-index.less index 2850d435faa..53c375ad170 100644 --- a/resources/css/bem-index.less +++ b/resources/css/bem-index.less @@ -51,7 +51,7 @@ @import "bem/beatmap-list"; @import "bem/beatmap-list-item"; @import "bem/beatmap-mapper"; -@import "bem/beatmap-owner-editor"; +@import "bem/beatmap-mappers-editor"; @import "bem/beatmap-pack"; @import "bem/beatmap-pack-description"; @import "bem/beatmap-pack-items"; @@ -64,7 +64,7 @@ @import "bem/beatmap-scoreboard-top"; @import "bem/beatmap-stats-table"; @import "bem/beatmap-success-rate"; -@import "bem/beatmaps-owner-editor"; +@import "bem/beatmaps-mappers-editor"; @import "bem/beatmaps-popup"; @import "bem/beatmaps-popup-item"; @import "bem/beatmapset-activities"; diff --git a/resources/css/bem/beatmap-owner-editor.less b/resources/css/bem/beatmap-mappers-editor.less similarity index 96% rename from resources/css/bem/beatmap-owner-editor.less rename to resources/css/bem/beatmap-mappers-editor.less index d17bbf35d5b..90253858daa 100644 --- a/resources/css/bem/beatmap-owner-editor.less +++ b/resources/css/bem/beatmap-mappers-editor.less @@ -1,7 +1,7 @@ // Copyright (c) ppy Pty Ltd . Licensed under the GNU Affero General Public License v3.0. // See the LICENCE file in the repository root for full licence text. -.beatmap-owner-editor { +.beatmap-mappers-editor { display: contents; &__avatar { diff --git a/resources/css/bem/beatmaps-owner-editor.less b/resources/css/bem/beatmaps-mappers-editor.less similarity index 97% rename from resources/css/bem/beatmaps-owner-editor.less rename to resources/css/bem/beatmaps-mappers-editor.less index 833adc35391..647539826f0 100644 --- a/resources/css/bem/beatmaps-owner-editor.less +++ b/resources/css/bem/beatmaps-mappers-editor.less @@ -1,7 +1,7 @@ // Copyright (c) ppy Pty Ltd . Licensed under the GNU Affero General Public License v3.0. // See the LICENCE file in the repository root for full licence text. -.beatmaps-owner-editor { +.beatmaps-mappers-editor { .page-width-default(); .default-box-shadow(); padding-top: 10px; diff --git a/resources/css/bem/input-container.less b/resources/css/bem/input-container.less index 88aa9614390..f3f956a7d97 100644 --- a/resources/css/bem/input-container.less +++ b/resources/css/bem/input-container.less @@ -28,13 +28,13 @@ } } - &--beatmap-owner-editor { + &--beatmap-mappers-editor { --input-bg: hsl(var(--hsl-b6)); flex-direction: row; padding: 0; - // match beatmap-owner-editor__mappers to prevent the layout from shifting. + // match beatmap-mappers-editor__mappers to prevent the layout from shifting. gap: 2px; border: 2px solid transparent; // TODO: border should be moved to a different modifier related to error. } diff --git a/resources/css/bem/username-input.less b/resources/css/bem/username-input.less index 790cb19a7fd..66ca91325f2 100644 --- a/resources/css/bem/username-input.less +++ b/resources/css/bem/username-input.less @@ -9,7 +9,7 @@ justify-content: flex-start; min-width: 0; // so user-card-brick overflows properly. - &--beatmap-owner-editor { + &--beatmap-mappers-editor { min-height: 20px; } diff --git a/resources/js/beatmap-discussions/beatmap-owner-editor.tsx b/resources/js/beatmap-discussions/beatmap-mappers-editor.tsx similarity index 84% rename from resources/js/beatmap-discussions/beatmap-owner-editor.tsx rename to resources/js/beatmap-discussions/beatmap-mappers-editor.tsx index c8f91b746ce..2b28477d607 100644 --- a/resources/js/beatmap-discussions/beatmap-owner-editor.tsx +++ b/resources/js/beatmap-discussions/beatmap-mappers-editor.tsx @@ -29,7 +29,7 @@ interface Props { } @observer -export default class BeatmapOwnerEditor extends React.Component { +export default class BeatmapMappersEditor extends React.Component { @observable private editing = false; private readonly inputRef = React.createRef(); @observable private inputUsername = ''; @@ -61,29 +61,29 @@ export default class BeatmapOwnerEditor extends React.Component { } render() { - const blockClass = classWithModifiers('beatmap-owner-editor', { + const blockClass = classWithModifiers('beatmap-mappers-editor', { editing: this.editing, }); return (
-
- +
+
-
+
{this.props.beatmap.version}
-
+
{this.renderUsernames()}
-
+
{this.renderButtons()}
@@ -135,7 +135,7 @@ export default class BeatmapOwnerEditor extends React.Component { const reset = ( @@ -157,11 +157,11 @@ export default class BeatmapOwnerEditor extends React.Component { return ( <> - - @@ -177,7 +177,7 @@ export default class BeatmapOwnerEditor extends React.Component { private renderUsernames() { if (!this.editing) { return ( -
+
{this.props.mappers.map((mapper) => )}
); @@ -185,16 +185,16 @@ export default class BeatmapOwnerEditor extends React.Component { return ( { +export default class BeatmapsMappersEditor extends React.Component { render() { const groupedBeatmaps = [...groupBeatmaps((this.props.beatmapset.beatmaps ?? []).filter( (beatmap) => beatmap.deleted_at == null, ))]; return ( -
-
+
+
{/* header and its grid placeholder */}
@@ -40,7 +40,7 @@ export default class BeatmapsOwnerEditor extends React.Component { {groupedBeatmaps.map(([, beatmaps]) => ( beatmaps.map((beatmap) => ( - { ))}
-
+