[MA-50]: Provide fieldsets for groups of form controls (#29905)
Co-authored-by: Mattermost Build <build@mattermost.com>
Этот коммит содержится в:
Saurabh Sharma
коммит произвёл
GitHub
GitHub
родитель
b333902bef
Коммит
1999ff9263
@@ -62,6 +62,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -71,8 +74,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -85,21 +93,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -115,21 +125,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -140,6 +152,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="channel-notifications-settings-modal__divider"
|
||||
/>
|
||||
@@ -270,22 +283,24 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="sameMobileSettingsDesktop"
|
||||
id="same-mobile-settings-as-Desktop"
|
||||
name="same mobile settings as Desktop"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="same-mobile-settings-as-Desktop"
|
||||
>
|
||||
Use the same notification settings as desktop
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -320,21 +335,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="autoFollowThreads"
|
||||
id="auto-follow-threads"
|
||||
name="auto follow threads"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="auto-follow-threads"
|
||||
>
|
||||
Automatically follow threads in this channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -481,6 +498,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -490,8 +510,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -504,21 +529,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -534,21 +561,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -559,6 +588,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="channel-notifications-settings-modal__divider"
|
||||
/>
|
||||
@@ -770,21 +800,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="sameMobileSettingsDesktop"
|
||||
id="same-mobile-settings-as-Desktop"
|
||||
name="same mobile settings as Desktop"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="same-mobile-settings-as-Desktop"
|
||||
>
|
||||
Use the same notification settings as desktop
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
@@ -877,21 +909,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="autoFollowThreads"
|
||||
id="auto-follow-threads"
|
||||
name="auto follow threads"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="auto-follow-threads"
|
||||
>
|
||||
Automatically follow threads in this channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1038,6 +1072,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -1047,8 +1084,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -1061,21 +1103,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1091,21 +1135,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1116,6 +1162,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="AlertBanner info AlertBanner--app"
|
||||
data-testid="channelNotificationsMutedBanner"
|
||||
@@ -1181,21 +1228,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="autoFollowThreads"
|
||||
id="auto-follow-threads"
|
||||
name="auto follow threads"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="auto-follow-threads"
|
||||
>
|
||||
Automatically follow threads in this channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1342,6 +1391,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -1351,8 +1403,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -1365,21 +1422,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1395,21 +1454,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1420,6 +1481,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="channel-notifications-settings-modal__divider"
|
||||
/>
|
||||
@@ -1631,22 +1693,24 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="sameMobileSettingsDesktop"
|
||||
id="same-mobile-settings-as-Desktop"
|
||||
name="same mobile settings as Desktop"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="same-mobile-settings-as-Desktop"
|
||||
>
|
||||
Use the same notification settings as desktop
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1681,21 +1745,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="autoFollowThreads"
|
||||
id="auto-follow-threads"
|
||||
name="auto follow threads"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="auto-follow-threads"
|
||||
>
|
||||
Automatically follow threads in this channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1842,6 +1908,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -1851,8 +1920,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -1865,21 +1939,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1895,21 +1971,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -1920,6 +1998,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="channel-notifications-settings-modal__divider"
|
||||
/>
|
||||
@@ -2131,22 +2210,24 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="sameMobileSettingsDesktop"
|
||||
id="same-mobile-settings-as-Desktop"
|
||||
name="same mobile settings as Desktop"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="same-mobile-settings-as-Desktop"
|
||||
>
|
||||
Use the same notification settings as desktop
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2181,21 +2262,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="autoFollowThreads"
|
||||
id="auto-follow-threads"
|
||||
name="auto follow threads"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="auto-follow-threads"
|
||||
>
|
||||
Automatically follow threads in this channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2342,6 +2425,9 @@ Object {
|
||||
</header>
|
||||
<main
|
||||
class="channel-notifications-settings-modal__body"
|
||||
>
|
||||
<fieldset
|
||||
aria-labelledby="channel-notifications-settings-modal-legend"
|
||||
>
|
||||
<section
|
||||
class="mm-modal-generic-section"
|
||||
@@ -2351,8 +2437,13 @@ Object {
|
||||
>
|
||||
<h4
|
||||
class="modalSectionTitle"
|
||||
>
|
||||
<legend
|
||||
id="channel-notifications-settings-modal-legend"
|
||||
style="all: unset;"
|
||||
>
|
||||
Mute or ignore
|
||||
</legend>
|
||||
</h4>
|
||||
</div>
|
||||
<div
|
||||
@@ -2365,21 +2456,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="muteChannel"
|
||||
id="mute-channel"
|
||||
name="mute channel"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="mute-channel"
|
||||
>
|
||||
Mute channel
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -2395,21 +2488,23 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="ignoreMentions"
|
||||
id="ignore-mentions"
|
||||
name="ignore mentions"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="ignore-mentions"
|
||||
>
|
||||
Ignore mentions for @channel, @here and @all
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<p
|
||||
class="mm-modal-generic-section-item__description"
|
||||
@@ -2420,6 +2515,7 @@ Object {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</fieldset>
|
||||
<div
|
||||
class="channel-notifications-settings-modal__divider"
|
||||
/>
|
||||
@@ -2631,22 +2727,24 @@ Object {
|
||||
class="mm-modal-generic-section-item__content"
|
||||
data-testid="mm-modal-generic-section-item__content"
|
||||
>
|
||||
<fieldset
|
||||
<div
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox-ctr"
|
||||
>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
>
|
||||
<input
|
||||
checked=""
|
||||
class="mm-modal-generic-section-item__input-checkbox"
|
||||
data-testid="sameMobileSettingsDesktop"
|
||||
id="same-mobile-settings-as-Desktop"
|
||||
name="same mobile settings as Desktop"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label
|
||||
class="mm-modal-generic-section-item__fieldset-checkbox"
|
||||
for="same-mobile-settings-as-Desktop"
|
||||
>
|
||||
Use the same notification settings as desktop
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -364,13 +364,22 @@ export default function ChannelNotificationsModal(props: Props) {
|
||||
handleClose={handleHide}
|
||||
/>
|
||||
<main className='channel-notifications-settings-modal__body'>
|
||||
<fieldset aria-labelledby='channel-notifications-settings-modal-legend'>
|
||||
<ModalSection
|
||||
title={formatMessage({
|
||||
title={
|
||||
<legend
|
||||
style={{all: 'unset'}}
|
||||
id='channel-notifications-settings-modal-legend'
|
||||
>
|
||||
{formatMessage({
|
||||
id: 'channel_notifications.muteAndIgnore',
|
||||
defaultMessage: 'Mute or ignore',
|
||||
})}
|
||||
</legend>
|
||||
}
|
||||
content={muteOrIgnoreSectionContent}
|
||||
/>
|
||||
</fieldset>
|
||||
{desktopAndMobileNotificationSectionContent}
|
||||
{props.collapsedReplyThreads &&
|
||||
<>
|
||||
|
||||
@@ -60,12 +60,16 @@
|
||||
&__fieldset-checkbox-ctr {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
&__fieldset-checkbox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
gap: 8px;
|
||||
|
||||
@@ -37,22 +37,26 @@ export default function CheckboxSettingItem({
|
||||
descriptionAboveContent = false,
|
||||
}: Props) {
|
||||
const content = (
|
||||
<fieldset
|
||||
<div
|
||||
key={inputFieldData.name}
|
||||
className='mm-modal-generic-section-item__fieldset-checkbox-ctr'
|
||||
>
|
||||
<label className='mm-modal-generic-section-item__fieldset-checkbox'>
|
||||
<input
|
||||
className='mm-modal-generic-section-item__input-checkbox'
|
||||
data-testid={inputFieldData.dataTestId}
|
||||
type='checkbox'
|
||||
name={inputFieldData.name}
|
||||
id={inputFieldData.name.replaceAll(' ', '-')}
|
||||
checked={inputFieldValue}
|
||||
onChange={(e) => handleChange(e.target.checked)}
|
||||
/>
|
||||
<label
|
||||
htmlFor={inputFieldData.name.replaceAll(' ', '-')}
|
||||
className='mm-modal-generic-section-item__fieldset-checkbox'
|
||||
>
|
||||
{inputFieldTitle}
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
);
|
||||
|
||||
return (
|
||||
|
||||
Ссылка в новой задаче
Block a user