diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss index 40931f734..fa5d1af18 100644 --- a/stylesheets/_session.scss +++ b/stylesheets/_session.scss @@ -1,30 +1,30 @@ @font-face { - font-family: 'SpaceMono'; - src: url('../fonts/SpaceMono-Regular.ttf') format('truetype'); + font-family: "SpaceMono"; + src: url("../fonts/SpaceMono-Regular.ttf") format("truetype"); } @font-face { - font-family: 'SpaceMono'; - src: url('../fonts/SpaceMono-Bold.ttf') format('truetype'); + font-family: "SpaceMono"; + src: url("../fonts/SpaceMono-Bold.ttf") format("truetype"); font-weight: bold; } @font-face { - font-family: 'SpaceMono'; - src: url('../fonts/SpaceMono-Italic.ttf') format('truetype'); + font-family: "SpaceMono"; + src: url("../fonts/SpaceMono-Italic.ttf") format("truetype"); font-style: italic; } @font-face { - font-family: 'SpaceMono'; - src: url('../fonts/SpaceMono-BoldItalic.ttf') format('truetype'); + font-family: "SpaceMono"; + src: url("../fonts/SpaceMono-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { - font-family: 'Wasa'; - src: url('../fonts/Wasa-Bold.otf') format('truetype'); + font-family: "Wasa"; + src: url("../fonts/Wasa-Bold.otf") format("truetype"); } // Session Colors @@ -69,7 +69,7 @@ $session-overlay-opacity: 0.3; color: rgba($color, 0.6); } -$session-font-family: 'Wasa'; +$session-font-family: "Wasa"; $session-transition-duration: 0.25s; $session-icon-size-sm: 15px; @@ -83,11 +83,7 @@ $session-gradient-green: linear-gradient( rgba($session-color-green-alt-1, 1), rgba($session-color-green-alt-1, 0.6) ); -$session-gradient-black: linear-gradient( - 90deg, - rgba($session-shade-3, 1), - rgba($session-shade-4, 0.6) -); +$session-gradient-black: linear-gradient(90deg, rgba($session-shade-3, 1), rgba($session-shade-4, 0.6)); $session-dark-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37); @@ -305,7 +301,7 @@ $session_message-container-border-radius: 5px; margin-left: 7px; } } -.message-selection-overlay div[role='button'] { +.message-selection-overlay div[role="button"] { display: inline-block; } diff --git a/ts/components/UserDetailsDialog.tsx b/ts/components/UserDetailsDialog.tsx index e52f49713..57cdec0f7 100644 --- a/ts/components/UserDetailsDialog.tsx +++ b/ts/components/UserDetailsDialog.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { Avatar } from './Avatar'; - declare global { interface Window { displayNameRegex: any; diff --git a/ts/components/session/AccentText.tsx b/ts/components/session/AccentText.tsx new file mode 100644 index 000000000..ae19326b2 --- /dev/null +++ b/ts/components/session/AccentText.tsx @@ -0,0 +1,37 @@ +import React from 'react'; +import classNames from 'classnames'; + +//import { LocalizerType } from '../../types/Util'; + +interface Props { + //i18n: LocalizerType; + // text: string; + showSubtitle?: boolean; +} + +export class AccentText extends React.PureComponent { + constructor(props: any) { + super(props); + } + + public render() { + const { showSubtitle } = this.props; + + return ( +
+
+ Begin
your
Session. +
+ {showSubtitle ? ( +
+ Ensuring peace of{' '} + mind, one session at + a time. +
+ ) : ( + '' + )} +
+ ); + } +} diff --git a/ts/components/session/SessionButton.tsx b/ts/components/session/SessionButton.tsx index 587a7d522..84f39ed3f 100644 --- a/ts/components/session/SessionButton.tsx +++ b/ts/components/session/SessionButton.tsx @@ -47,11 +47,11 @@ export class SessionButton extends React.PureComponent { return (
{ this.clickHandler(e); }} - className={classNames('session-button', buttonType, buttonColor)} - role="button" > {text}