Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-10-31 16:42:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(theme-picker): Reformat invalid class names

Browse source
This commit is contained in:
Jackie Luo 2016-04-05 13:43:36 -07:00
parent 9f4b9693ac
commit 4f11201ff7
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
internal_packages/theme-picker/lib/theme-option.jsx
View file

@ -99,7 +99,7 @@ class ThemeOption extends React.Component {
<div className="clickable-theme-option" onMouseDown={this.props.onSelect}>
<EventedIFrame
ref="iframe"
className={`theme-preview-${this.props.theme.name}`}
className={`theme-preview-${this.props.theme.name.replace(/\./g, '-')}`}
frameBorder="0"
width="115px"
height="70px"

8
internal_packages/theme-picker/lib/theme-picker.jsx
View file

@ -38,12 +38,12 @@ class ThemePicker extends React.Component {
}
_rewriteIFrame(prevActiveTheme, activeTheme) {
const prevActiveThemeDoc = document.querySelector(`.theme-preview-${prevActiveTheme}`).contentDocument;
const prevActiveThemeDoc = document.querySelector(`.theme-preview-${prevActiveTheme.replace(/\./g, '-')}`).contentDocument;
const prevActiveElement = prevActiveThemeDoc.querySelector(".theme-option.active-true");
prevActiveElement.className = "theme-option active-false";
const activeThemeDoc = document.querySelector(`.theme-preview-${activeTheme}`).contentDocument;
if (prevActiveElement) prevActiveElement.className = "theme-option active-false";
const activeThemeDoc = document.querySelector(`.theme-preview-${activeTheme.replace(/\./g, '-')}`).contentDocument;
const activeElement = activeThemeDoc.querySelector(".theme-option.active-false");
activeElement.className = "theme-option active-true";
if (activeElement) activeElement.className = "theme-option active-true";
}
_renderThemeOptions() {