Archives
/
RTL
mirror of https://github.com/Ride-The-Lightning/RTL
2
0
Fork 0
Code Issues Releases Wiki Activity

ux font size

Browse Source 
ux font size
pull/260/head
Shahana Farooqui 5 years ago
parent 9286d91031
commit 71a5a09a71
9 changed files with 33 additions and 18 deletions
Show Stats Download Patch File Download Diff File

4
angular/index.html
Unescape Escape View File

@ -9,8 +9,8 @@
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicon/site.webmanifest">
<link rel="stylesheet" href="styles.af37888ae0a50662e82c.css"></head>
<link rel="stylesheet" href="styles.d7708fbc468772cbe498.css"></head>
<body>
<rtl-app></rtl-app>
<script src="runtime.1624511154052a66aafa.js"></script><script src="polyfills-es5.763f4f23e8aee5ec234d.js" nomodule></script><script src="polyfills.e59b6f9dc696bd89cf7f.js"></script><script src="main.c8f6a99c798effd26e08.js"></script></body>
<script src="runtime.1624511154052a66aafa.js"></script><script src="polyfills-es5.763f4f23e8aee5ec234d.js" nomodule></script><script src="polyfills.e59b6f9dc696bd89cf7f.js"></script><script src="main.a2b27b7f06d56358bfeb.js"></script></body>
</html>

2
angular/main.c8f6a99c798effd26e08.js → angular/main.a2b27b7f06d56358bfeb.js
View File

File diff suppressed because one or more lines are too long

1
angular/styles.af37888ae0a50662e82c.css
View File

File diff suppressed because one or more lines are too long

1
angular/styles.d7708fbc468772cbe498.css
View File

File diff suppressed because one or more lines are too long

18
src/app/app.component.html
Unescape Escape View File

@ -4,13 +4,25 @@
<button *ngIf="settings.menu === 'Vertical'" class="top-toolbar-icon" mat-icon-button (click)="sideNavToggle()">
<mat-icon>menu</mat-icon>
</button>
<button *ngIf="settings.menu === 'Vertical' && settings.menuType !== 'Mini' && !smallScreen" mat-icon-button (click)="settings.flgSidenavPinned = !settings.flgSidenavPinned">
<svg class="top-toolbar-icon icon-pinned">
<button *ngIf="settings.fontSize === 'small-font' && settings.menu === 'Vertical' && settings.menuType !== 'Mini' && !smallScreen" mat-icon-button (click)="settings.flgSidenavPinned = !settings.flgSidenavPinned">
<svg class="top-toolbar-icon icon-pinned" viewBox="0 0 42 42">
<path fill="currentColor" *ngIf="!settings.flgSidenavPinned" d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" />
<path fill="currentColor" *ngIf="settings.flgSidenavPinned" d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" />
</svg>
</button>
<div *ngIf="appConfig.nodes.length > 1" fxLayout="row" fxLayoutAlign="space-between center" class="ml-1">
<button *ngIf="settings.fontSize === 'regular-font' && settings.menu === 'Vertical' && settings.menuType !== 'Mini' && !smallScreen" mat-icon-button (click)="settings.flgSidenavPinned = !settings.flgSidenavPinned">
<svg class="top-toolbar-icon icon-pinned" viewBox="0 0 32 32">
<path fill="currentColor" *ngIf="!settings.flgSidenavPinned" d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" />
<path fill="currentColor" *ngIf="settings.flgSidenavPinned" d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" />
</svg>
</button>
<button *ngIf="settings.fontSize === 'large-font' && settings.menu === 'Vertical' && settings.menuType !== 'Mini' && !smallScreen" mat-icon-button (click)="settings.flgSidenavPinned = !settings.flgSidenavPinned">
<svg class="top-toolbar-icon icon-pinned" viewBox="0 0 24 24">
<path fill="currentColor" *ngIf="!settings.flgSidenavPinned" d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" />
<path fill="currentColor" *ngIf="settings.flgSidenavPinned" d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" />
</svg>
</button>
<div *ngIf="appConfig.nodes.length > 1" fxLayout="row" fxLayoutAlign="space-between center" [ngClass]="{'ml-1': settings.fontSize !== 'large-font', 'ml-2': settings.fontSize === 'large-font'}">
<div *ngFor="let node of appConfig.nodes" tabindex="1" fxFlex="100">
<button [ngClass]="{'selected-node':node.index === selNode.index, 'app-config-nodes': true}" (click)="onSelectionChange(node)" fxLayoutAlign="center center" mat-button type="button">{{node.lnNode}} ({{node.lnImplementation}})</button>
</div>

3
src/app/shared/components/navigation/side-navigation/side-navigation.component.html
Unescape Escape View File

@ -50,8 +50,7 @@
<fa-icon [icon]="node.icon" class="fa-icon-small mr-1"></fa-icon>
<span>{{node.name}}</span>
</div>
<button fxFlex="11" fxLayoutAlign="end center" mat-icon-button [attr.aria-label]="'toggle ' + node.name"
fxLayoutAlign="end center">
<button fxFlex="11" mat-icon-button [attr.aria-label]="'toggle ' + node.name" fxLayoutAlign="end center">
<mat-icon class="mat-icon-rtl-mirror">
{{treeControlNested.isExpanded(node) ? 'arrow_drop_up' : 'arrow_drop_down'}}</mat-icon>
</button>

8
src/app/shared/components/navigation/top-menu/top-menu.component.html
Unescape Escape View File

@ -1,17 +1,17 @@
<mat-menu #topMenu="matMenu" [overlapTrigger]="false" class="top-menu">
<p mat-menu-item>
<p mat-menu-item fxLayout="row" fxLayoutAlign="start center">
<fa-icon [icon]="faCodeBranch" class="fa-icon-small mr-4"></fa-icon>
<span>Version: {{version}}</span>
</p>
<a mat-menu-item routerLink="/sconfig">
<a mat-menu-item routerLink="/sconfig" fxLayout="row" fxLayoutAlign="start center">
<fa-icon [icon]="faCog" class="fa-icon-small mr-4"></fa-icon>
<span routerLink="/sconfig">Node Config</span>
</a>
<a mat-menu-item routerLink="/help">
<a mat-menu-item routerLink="/help" fxLayout="row" fxLayoutAlign="start center">
<fa-icon [icon]="faLifeRing" class="fa-icon-small mr-4"></fa-icon>
<span routerLink="/help">Help</span>
</a>
<a *ngIf="showLogout" mat-menu-item (click)="onClick()">
<a *ngIf="showLogout" mat-menu-item (click)="onClick()" fxLayout="row" fxLayoutAlign="start center">
<fa-icon [icon]="faEject" class="fa-icon-small mr-4"></fa-icon>
<span>Logout</span>
</a>

11
src/app/shared/theme/styles/change-theme.scss
Unescape Escape View File

@ -39,7 +39,10 @@
}
&.small-font {
.mat-tree .mat-tree-node, .mat-tree .mat-nested-tree-node-parent {
.mr-4 {
margin-right: 1rem !important;
}
.mat-menu-item, .mat-tree .mat-tree-node, .mat-tree .mat-nested-tree-node-parent {
min-height: $tree-node-height * 0.7;
height: $tree-node-height * 0.7;
}
@ -59,14 +62,14 @@
.page-title {
font-size: 1.2rem * 1.1;
}
.mat-icon-button .top-toolbar-icon.icon-pinned, .mat-icon-button .top-toolbar-icon .top-toolbar-img {
.mat-icon-button .top-toolbar-icon .top-toolbar-img {
font-size: 1.2rem;
}
.fa-icon-small {
font-size: 1.4rem;
}
.mat-icon-button .mat-button-wrapper .top-toolbar-icon.icon-pinned {
font-size: 0.8rem;
.mat-icon-button .top-toolbar-icon.icon-pinned {
padding-top: 1rem;
}
.top-toolbar-icon .top-toolbar-img {
width: 2rem;

3
src/app/shared/theme/styles/root.scss
Unescape Escape View File

@ -33,6 +33,7 @@ body {
&.small-font {
.material-icons {
font-size: 1.8rem;
line-height: 2rem;
}
.mat-expansion-panel-header, .mat-menu-item, .mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 1.2rem !important;
@ -211,7 +212,7 @@ body {
bottom:0;
left:0;
right:0;
padding: 0.8rem 1.6rem;
padding: 1rem;
min-height: calc(100% - (#{$toolbar-height} + #{$gap}*4));
max-height: 90vh;
}

Write Preview
Loading…
Cancel
Save