oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

Sass improvements

Browse source
This commit is contained in:
Vincent 2020-01-20 15:25:55 +11:00
parent 9ee87cc49a
commit 643a19d1af
8 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
stylesheets/_conversation.scss
View file

@ -710,7 +710,7 @@
text-align: center; text-align: center;
background-color: $color-light-35; background-color: $color-light-35;
border: none; border: none;
box-shadow: 0px 3px 5px 0px rRgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
outline: none; outline: none;
&:hover { &:hover {

2
ts/components/EditProfileDialog.tsx
View file

@ -91,7 +91,7 @@ export class EditProfileDialog extends React.Component<Props, State> {
<SessionIconButton <SessionIconButton
iconType={SessionIconType.Upload} iconType={SessionIconType.Upload}
iconSize={SessionIconSize.Large} iconSize={SessionIconSize.Huge}
onClick={() => { onClick={() => {
const el = this.inputEl.current; const el = this.inputEl.current;
if (el) { if (el) {

2
ts/components/conversation/ConversationHeader.tsx
View file

@ -263,7 +263,7 @@ export class ConversationHeader extends React.Component<Props> {
> >
<SessionIconButton <SessionIconButton
iconType={SessionIconType.Ellipses} iconType={SessionIconType.Ellipses}
iconSize={SessionIconSize.Large} iconSize={SessionIconSize.Huge}
onClick={this.showMenuBound} onClick={this.showMenuBound}
/> />
</ContextMenuTrigger> </ContextMenuTrigger>

2
ts/components/session/LeftPaneSettingSection.tsx
View file

@ -126,7 +126,7 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
> >
<SessionIcon <SessionIcon
iconType={SessionIconType.Caret} iconType={SessionIconType.Caret}
iconSize={SessionIconSize.Large} iconSize={SessionIconSize.Huge}
/> />
</SessionButton> </SessionButton>
</div> </div>

2
ts/components/session/SessionToast.tsx
View file

@ -35,7 +35,7 @@ export class SessionToast extends React.PureComponent<Props> {
const toastType = type ? type : SessionToastType.Info; const toastType = type ? type : SessionToastType.Info;
const toastDesc = description ? description : ''; const toastDesc = description ? description : '';
const toastIconSize = toastDesc const toastIconSize = toastDesc
? SessionIconSize.Large ? SessionIconSize.Huge
: SessionIconSize.Medium; : SessionIconSize.Medium;
// Set a custom icon or allow the theme to define the icon // Set a custom icon or allow the theme to define the icon

1
ts/components/session/icon/Icons.tsx
View file

@ -36,6 +36,7 @@ export enum SessionIconSize {
Small = 'small', Small = 'small',
Medium = 'medium', Medium = 'medium',
Large = 'large', Large = 'large',
Huge = 'huge',
} }
export const icons = { export const icons = {

3
ts/components/session/icon/SessionIcon.tsx
View file

@ -41,6 +41,9 @@ export class SessionIcon extends React.PureComponent<Props> {
iconDimensions = '20'; iconDimensions = '20';
break; break;
case SessionIconSize.Large: case SessionIconSize.Large:
iconDimensions = '25';
break;
case SessionIconSize.Huge:
iconDimensions = '30'; iconDimensions = '30';
break; break;
default: default:

2
ts/components/session/settings/SessionSettingsHeader.tsx
View file

@ -26,7 +26,7 @@ export class SettingsHeader extends React.Component<SettingsViewProps> {
{categoryTitle} {categoryTitle}
<SessionIconButton <SessionIconButton
iconType={SessionIconType.Search} iconType={SessionIconType.Search}
iconSize={SessionIconSize.Large} iconSize={SessionIconSize.Huge}
onClick={this.focusSearch} onClick={this.focusSearch}
/> />
</div> </div>