fez5587/Superalgos
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Standarizing Fonts Usage

Browse Source
This commit is contained in:
Luis Fernando Molina committed 2018-06-01 12:40:38 +02:00
1 parent c436cad762
commit 8419f86f9e
19 files changed
+44 -36
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

ChartGrid.js
+5 -5
View File
@@ -511,7 +511,7 @@
if (labelPoint.y > viewPort.visibleArea.topLeft.y + fontSize && labelPoint.y < viewPort.visibleArea.bottomRight.y - fontSize) {
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -548,7 +548,7 @@
if (labelPoint.y > viewPort.visibleArea.topLeft.y + fontSize && labelPoint.y < viewPort.visibleArea.bottomRight.y - fontSize) {
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -657,17 +657,17 @@
browserCanvasContext.beginPath();
browserCanvasContext.rect(labelPoint.x, labelPoint.y - fontSize, xOffset * 2, fontSize );
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fill();
browserCanvasContext.closePath();
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
}
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.beginPath();
browserCanvasContext.rect(0, TOP_SPACE_HEIGHT, viewPort.visibleArea.topLeft.x, viewPort.visibleArea.topLeft.y - TOP_SPACE_HEIGHT);
browserCanvasContext.rect(viewPort.visibleArea.topRight.x, TOP_SPACE_HEIGHT, 500, viewPort.visibleArea.topLeft.y - TOP_SPACE_HEIGHT);
Dashboard.js
+9 -1
View File
@@ -5,7 +5,15 @@
UI_COLOR = {
DARK: "48, 48, 54",
LIGHT: "234, 226, 222"
LIGHT: "234, 226, 222",
WHITE: "255, 255, 255"
};
/* User Interface Fonts */
UI_FONT = {
PRIMARY: "Saira",
SECONDARY: "Courier New"
};
/* Callbacks default responses. */
FloatingSpace/Note.js
+2 -2
View File
@@ -214,7 +214,7 @@ function newNote() {
if (SIZE_PERCENTAGE > 0.9) {
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
let xOffset = label.length / 2 * fontSize * FONT_ASPECT_RATIO;
let yOffset = (TITLE_BAR_HEIGHT - fontSize) / 2 + 2;
@@ -303,7 +303,7 @@ function newNote() {
y: startingPosition.y + (i + 1) * (fontSize * 0.60 + 10)
};
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, ' + ALPHA + ')'
browserCanvasContext.fillText(labelRow, labelPoint.x, labelPoint.y);
FloatingSpace/NoteSets.js
+1 -1
View File
@@ -283,7 +283,7 @@ function newNoteSets() {
floatingObject.initializeRadius(radius);
floatingObject.initializeImageSize(15);
floatingObject.fillStyle = 'rgba(255, 255, 255, 0.5)';
floatingObject.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 0.5)';
floatingObject.labelStrokeStyle = 'rgba(60, 60, 60, 0.50)';
floatingLayer.addFloatingObject(floatingObject);
FloatingSpace/ProfileBall.js
+3 -3
View File
@@ -117,7 +117,7 @@ function newProfileBall() {
let labelPoint;
let fontSize = 10;
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
let label;
@@ -130,7 +130,7 @@ function newProfileBall() {
y: pFloatingObject.currentPosition.y - pFloatingObject.currentImageSize / 2 - fontSize * 0.60 - 5
};
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = pFloatingObject.labelStrokeStyle;
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -145,7 +145,7 @@ function newProfileBall() {
y: pFloatingObject.currentPosition.y + pFloatingObject.currentImageSize / 2 + fontSize * 0.60 + 10
};
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = pFloatingObject.labelStrokeStyle;
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
FloatingSpace/ProfileBalls.js
+1 -1
View File
@@ -57,7 +57,7 @@ function newProfileBalls() {
floatingObject.initializeRadius(30);
floatingObject.initializeImageSize(50);
floatingObject.fillStyle = 'rgba(255, 255, 255, 0.5)';
floatingObject.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 0.5)';
floatingObject.labelStrokeStyle = 'rgba(60, 60, 60, 0.50)';
floatingLayer.addFloatingObject(floatingObject);
Frame.js
+2 -2
View File
@@ -365,7 +365,7 @@ function newFrame() {
/* We paint the panel background first */
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 0.75)';
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 0.75)';
browserCanvasContext.beginPath();
browserCanvasContext.arc(borderPoint1.x, borderPoint1.y, PANEL_CORNERS_RADIOUS, 1.0 * Math.PI, 1.5 * Math.PI);
@@ -411,7 +411,7 @@ function newFrame() {
let labelPoint;
let fontSize = 10;
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
let label = frame.containerName;
Images/Play.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 52 KiB

Images/Stop.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Panels/TimeControlPanel.js
+3 -3
View File
@@ -133,7 +133,7 @@ function newTimeControlPanel() {
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -150,7 +150,7 @@ function newTimeControlPanel() {
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -169,7 +169,7 @@ function newTimeControlPanel() {
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
ProductCard.js
+4 -4
View File
@@ -438,7 +438,7 @@
let labelPoint;
let fontSize = 10;
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
let label;
@@ -453,7 +453,7 @@
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -468,7 +468,7 @@
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
@@ -490,7 +490,7 @@
labelPoint = thisObject.container.frame.frameThisPoint(labelPoint);
browserCanvasContext.font = fontSize + 'px Courier New bold';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.SECONDARY;
browserCanvasContext.fillStyle = 'rgba(60, 60, 60, 0.50)';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
SplashScreen.js
+2 -2
View File
@@ -79,13 +79,13 @@ function newSplashScreen() {
browserCanvasContext.beginPath();
browserCanvasContext.rect(0, 0, thisObject.container.frame.width, thisObject.container.frame.height);
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, ' + opacity + ')';
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', ' + opacity + ')';
browserCanvasContext.closePath();
browserCanvasContext.fill();
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(200, 200, 200, ' + opacity + ')';
browserCanvasContext.fillText(label, labelPoint.x, labelPoint.y);
TextButton.js
+1 -1
View File
@@ -115,7 +115,7 @@
let labelPoint;
let fontSize = 10;
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
let label = textButton.type;
TimelineChart.js
+1 -1
View File
@@ -983,7 +983,7 @@
}
browserCanvasContext.font = currentFontSize + 'px Courier New';
browserCanvasContext.font = currentFontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(75, 86, 235, 0.07)';
browserCanvasContext.fillText(label, point.x, point.y);
TopSpace/CurrentBot.js
+2 -2
View File
@@ -64,8 +64,8 @@ function newCurrentBot() {
point = thisObject.container.frame.frameThisPoint(point);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fillText(label, point.x, point.y);
}
}
TopSpace/CurrentProcess.js
+2 -2
View File
@@ -64,8 +64,8 @@ function newCurrentProcess() {
point = thisObject.container.frame.frameThisPoint(point);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fillText(label, point.x, point.y);
}
}
TopSpace/CurrentStartMode.js
+2 -2
View File
@@ -86,8 +86,8 @@ function newCurrentStartMode() {
point = thisObject.container.frame.frameThisPoint(point);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fillText(label, point.x, point.y);
}
}
TopSpace/DevTeam.js
+2 -2
View File
@@ -64,8 +64,8 @@ function newDevTeam() {
point = thisObject.container.frame.frameThisPoint(point);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fillText(label, point.x, point.y);
}
}
TopSpace/EndUser.js
+2 -2
View File
@@ -64,8 +64,8 @@ function newEndUser() {
point = thisObject.container.frame.frameThisPoint(point);
browserCanvasContext.font = fontSize + 'px Courier New';
browserCanvasContext.fillStyle = 'rgba(255, 255, 255, 1)';
browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;
browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.WHITE + ', 1)';
browserCanvasContext.fillText(label, point.x, point.y);
}
}