TeaSpeak/TeaWeb
TeaSpeak/TeaWeb
1
0
Fork 0
Code Issues 1 Pull requests Activity

changed permission canvas size height. Now related to the font

Browse source
This commit is contained in:
WolverinDEV 2019-06-01 19:11:50 +02:00
parent a7a5467253
commit e101febf11
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
shared/js/ui/modal/permission/PermissionEditor.ts
View file

@ -155,8 +155,8 @@ namespace ui {
} }
class PermissionGroup extends DrawableObject { class PermissionGroup extends DrawableObject {
public static readonly HEIGHT = 24; public static readonly HEIGHT = parseFloat(getComputedStyle(document.documentElement).fontSize) * (3/2); /* 24 */
public static readonly ARROW_SIZE = 12; public static readonly ARROW_SIZE = 10; /* 12 */
group: GroupedPermissions; group: GroupedPermissions;
_sub_elements: PermissionGroup[] = []; _sub_elements: PermissionGroup[] = [];
@ -425,7 +425,7 @@ namespace ui {
} }
class PermissionEntry extends DrawableObject { class PermissionEntry extends DrawableObject {
public static readonly HEIGHT = 24; public static readonly HEIGHT = PermissionGroup.HEIGHT; /* 24 */
public static readonly HALF_HEIGHT = PermissionEntry.HEIGHT / 2; public static readonly HALF_HEIGHT = PermissionEntry.HEIGHT / 2;
public static readonly CHECKBOX_HEIGHT = PermissionEntry.HEIGHT - 2; public static readonly CHECKBOX_HEIGHT = PermissionEntry.HEIGHT - 2;
@ -1049,8 +1049,8 @@ namespace ui {
} }
export class PermissionEditor { export class PermissionEditor {
private static readonly PERMISSION_HEIGHT = 32; private static readonly PERMISSION_HEIGHT = PermissionEntry.HEIGHT;
private static readonly PERMISSION_GROUP_HEIGHT = 32; private static readonly PERMISSION_GROUP_HEIGHT = PermissionGroup.HEIGHT;
readonly grouped_permissions: GroupedPermissions[]; readonly grouped_permissions: GroupedPermissions[];
readonly canvas: HTMLCanvasElement; readonly canvas: HTMLCanvasElement;
@ -1083,6 +1083,7 @@ namespace ui {
this.grouped_permissions = permissions; this.grouped_permissions = permissions;
this.canvas_container = $.spawn("div") this.canvas_container = $.spawn("div")
.addClass("window-resize-listener") /* we want to handle resized */
.css("position", "relative") .css("position", "relative")
.css("user-select", "none") .css("user-select", "none")
[0]; [0];
@ -1108,6 +1109,7 @@ namespace ui {
this.canvas_container.oncontextmenu = (event: MouseEvent) => { this.canvas_container.oncontextmenu = (event: MouseEvent) => {
this._handle_repaint(this._intersect_manager.process_context_menu(event, event.offsetX, event.offsetY)); this._handle_repaint(this._intersect_manager.process_context_menu(event, event.offsetX, event.offsetY));
}; };
this.canvas_container.onresize = () => this.request_draw(true);
this.initialize(); this.initialize();