-
Notifications
You must be signed in to change notification settings - Fork 815
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(rich-text-editor): Fixes select dropdown overlapping issue on sma…
…ller screen sizes (#2812) fix(rich-text-editor): Added docs fix(rich-text-editor): Changed css that targeted value attributes to apply styles via class names fix(rich-text-editor): changed class names to be more sematic fix(rich-text-editor): added bottom margin to font class to even out toolbar spacing fix(rich-text-editor): Scoped a combobox max-width to a slds-region_narrow class fix(rich-text-editor): Added snapshot test for toolbar narrow fix(rich-text-editor): Removed unnecessary CSS and updated docs fix(rich-text-editor): fixed docs typo + fixed issue where RTE shows no vertical space between selects and next row fix(rich-text-editor): Updated annotations for narrow class fix(rich-text-editor): Updated css to add margin bottom on narrow region to slds-grid fix(rich-text-editor): added a class to apply spacing to fix(rich-text-editor): Updated markup
- Loading branch information
1 parent
fafd882
commit f1a7e8d
Showing
4 changed files
with
83 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved | ||
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license | ||
/* eslint-env jest */ | ||
|
||
import React from 'react'; | ||
import createHelpers from '../../../../jest.setup'; | ||
import { | ||
RichTextEditor, | ||
RteToolbar, | ||
RteFormatFont, | ||
RteFormatText, | ||
RteFormatColor, | ||
RteFormatBody, | ||
RteAlignText, | ||
RteInsertContent, | ||
RteClearFormatting, | ||
RteTextarea | ||
} from '../base/example'; | ||
|
||
const { matchesMarkupAndStyle } = createHelpers(__dirname); | ||
|
||
it('renders an RTE toolbar in a narrow space', () => | ||
matchesMarkupAndStyle( | ||
<div className="slds-region_narrow"> | ||
<RichTextEditor> | ||
<RteToolbar> | ||
<RteFormatFont /> | ||
<RteFormatText tabIndexSetting="-1" /> | ||
<RteFormatColor /> | ||
<RteFormatBody /> | ||
<RteAlignText /> | ||
<RteInsertContent /> | ||
<RteClearFormatting /> | ||
</RteToolbar> | ||
|
||
<RteTextarea placeholder="Compose Email..." /> | ||
</RichTextEditor> | ||
</div> | ||
)); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters