Fix styles for ordered lists after css reset

This commit is contained in:
Jamie Kyle
2025-09-29 14:37:06 -07:00
committed by GitHub
parent b1e56bfe6b
commit 726234a27b
4 changed files with 19 additions and 1 deletions

View File

@@ -24,6 +24,7 @@
&__instructions { &__instructions {
@include mixins.font-body-2; @include mixins.font-body-2;
padding: 0; padding: 0;
list-style-type: decimal;
list-style-position: inside; list-style-position: inside;
&::before { &::before {

View File

@@ -178,7 +178,9 @@
ol { ol {
@include mixins.font-body-1; @include mixins.font-body-1;
line-height: 26px; line-height: 26px;
list-style-type: decimal;
list-style-position: inside; list-style-position: inside;
margin-block: 8px;
padding-inline-start: 0; padding-inline-start: 0;
} }

View File

@@ -62,6 +62,7 @@ type OverridePropsBase = {
outgoingRing?: boolean; outgoingRing?: boolean;
reactions?: ActiveCallReactionsType; reactions?: ActiveCallReactionsType;
myAci?: AciString; myAci?: AciString;
showNeedsScreenRecordingPermissionsWarning?: boolean;
}; };
type DirectCallOverrideProps = OverridePropsBase & { type DirectCallOverrideProps = OverridePropsBase & {
@@ -198,6 +199,8 @@ const createActiveCallProp = (
settingsDialogOpen: false, settingsDialogOpen: false,
selfViewExpanded: overrideProps.selfViewExpanded ?? false, selfViewExpanded: overrideProps.selfViewExpanded ?? false,
showParticipantsList: false, showParticipantsList: false,
showNeedsScreenRecordingPermissionsWarning:
overrideProps.showNeedsScreenRecordingPermissionsWarning ?? false,
}; };
switch (overrideProps.callMode) { switch (overrideProps.callMode) {
@@ -1143,3 +1146,14 @@ export function RemoteMuteObserveIgnoreSelfMute(): JSX.Element {
}, [myAci]); }, [myAci]);
return <CallScreen {...props} />; return <CallScreen {...props} />;
} }
export function ShowNeedsScreenRecordingPermissionsWarning(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Direct,
showNeedsScreenRecordingPermissionsWarning: true,
})}
/>
);
}

View File

@@ -6,6 +6,7 @@ import type { LocalizerType } from '../types/Util.js';
import { Theme } from '../util/theme.js'; import { Theme } from '../util/theme.js';
import { Modal } from './Modal.js'; import { Modal } from './Modal.js';
import { Button, ButtonVariant } from './Button.js'; import { Button, ButtonVariant } from './Button.js';
import { tw } from '../axo/tw.js';
type PropsType = { type PropsType = {
i18n: LocalizerType; i18n: LocalizerType;
@@ -54,7 +55,7 @@ export function NeedsScreenRecordingPermissionsModal({
modalFooter={footer} modalFooter={footer}
> >
<p>{i18n('icu:calling__presenting--macos-permission-description')}</p> <p>{i18n('icu:calling__presenting--macos-permission-description')}</p>
<ol style={{ paddingLeft: 16 }}> <ol className={tw('mt-2 list-decimal ps-4')}>
<li>{i18n('icu:calling__presenting--permission-instruction-step1')}</li> <li>{i18n('icu:calling__presenting--permission-instruction-step1')}</li>
<li>{i18n('icu:calling__presenting--permission-instruction-step2')}</li> <li>{i18n('icu:calling__presenting--permission-instruction-step2')}</li>
<li>{i18n('icu:calling__presenting--permission-instruction-step3')}</li> <li>{i18n('icu:calling__presenting--permission-instruction-step3')}</li>