Шрифты и исправления для Chrome

mirzaev/ebala/system/public/css/fonts/dejavu.css

@@ -0,0 +1,14 @@
+@font-face {
+	font-family: dejavu;
+	src: url("/fonts/dejavu/DejaVuLGCSans.ttf");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: dejavu;
+	src: url("/fonts/dejavu/DejaVuLGCSans-Bold.ttf");
+	font-weight: bold;
+	font-style: normal;
+}
+

mirzaev/ebala/system/public/css/fonts/fira.css

@@ -0,0 +1,139 @@
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Hair.woff2') format('woff2'), url('/fonts/fira/FiraSans-Hair.woff') format('woff');
+	font-weight: 100;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-HairItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-HairItalic.woff') format('woff');
+	font-weight: 100;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-UltraLight.woff2') format('woff2'), url('/fonts/fira/FiraSans-UltraLight.woff') format('woff');
+	font-weight: 200;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-UltraLightItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-UltraLightItalic.woff') format('woff');
+	font-weight: 200;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Light.woff2') format('woff2'), url('/fonts/fira/FiraSans-Light.woff') format('woff');
+	font-weight: 300;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-LightItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-LightItalic.woff') format('woff');
+	font-weight: 300;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Regular.woff2') format('woff2'), url('/fonts/fira/FiraSans-Regular.woff') format('woff');
+	font-weight: 400;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Italic.woff2') format('woff2'), url('/fonts/fira/FiraSans-Italic.woff') format('woff');
+	font-weight: 400;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraMono-Medium.woff2') format('woff2'), url('/fonts/fira/FiraMono-Medium.woff') format('woff');
+	font-weight: 500;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-MediumItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-MediumItalic.woff') format('woff');
+	font-weight: 500;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-SemiBold.woff2') format('woff2'), url('/fonts/fira/FiraSans-SemiBold.woff') format('woff');
+	font-weight: 600;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-SemiBoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-SemiBoldItalic.woff') format('woff');
+	font-weight: 600;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Bold.woff2') format('woff2'), url('/fonts/fira/FiraSans-Bold.woff') format('woff');
+	font-weight: 700;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-BoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-BoldItalic.woff') format('woff');
+	font-weight: 700;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-ExtraBold.woff2') format('woff2'), url('/fonts/fira/FiraSans-ExtraBold.woff') format('woff');
+	font-weight: 800;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-ExtraBoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-ExtraBoldItalic.woff') format('woff');
+	font-weight: 800;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-Heavy.woff2') format('woff2'), url('/fonts/fira/FiraSans-Heavy.woff') format('woff');
+	font-weight: 900;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira;
+	src: url('/fonts/fira/FiraSans-HeavyItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-HeavyItalic.woff') format('woff');
+	font-weight: 900;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: Fira Mono;
+	src: url('/fonts/fira/FiraMono-Regular.woff2') format('woff2'), url('/fonts/fira/FiraMono-Regular.woff') format('woff');
+	font-weight: 400;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: Fira Mono;
+	src: url('/fonts/fira/FiraMono-Bold.woff2') format('woff2'), url('/fonts/fira/FiraMono-Bold.woff') format('woff');
+	font-weight: 600;
+	font-style: normal;
+}

mirzaev/ebala/system/public/css/fonts/hack.css

@@ -0,0 +1,64 @@
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-regular.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-regular.woff?sha=3114f1256') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-bold.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bold.woff?sha=3114f1256') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-italic.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-italic.woff?sha=3114f1256') format('woff');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bolditalic.woff?sha=3114f1256') format('woff');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-regular-subset.woff?sha=3114f1256') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-bold-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bold-subset.woff?sha=3114f1256') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-italic-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-italic-subset.woff?sha=3114f1256') format('woff');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Hack';
+  src: url('/fonts/hack/hack-bolditalic-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bolditalic-subset.woff?sha=3114f1256') format('woff');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+

mirzaev/ebala/system/public/css/main.css

@@ -5,7 +5,8 @@
 	outline: none;
 	border: none;
 	color: var(--coal-text);
-	font-family: Fira, sans-serif;
+	/* font-family: "dejavu", Fira, system-ui, sans-serif; */
+	font-family: "dejavu";
 	transition: 0.1s ease-out;
 }
 
@@ -66,23 +67,50 @@ input {
 }
 
 input[type="range"] {
+	-webkit-appearance: none;
 	margin: unset;
 	background: transparent;
 }
 
-input[type="range"]::-moz-range-track,
+input[type="range"]:focus {
+	outline: none;
+}
+
+input[type=range]::-ms-track {
+	width: 100%;
+	cursor: pointer;
+
+	/* Hides the slider so custom styles can be added */
+	background: transparent;
+	border-color: transparent;
+	color: transparent;
+}
+
+input[type="range"]::-moz-range-track {
+	height: 6px;
+	border-radius: 3px;
+}
+
 input[type="range"]::-webkit-slider-runnable-track {
 	height: 6px;
 	border-radius: 3px;
 }
 
-input[type="range"].sand::-moz-range-track,
+input[type="range"].sand::-moz-range-track {
+	border: 1px solid var(--sand-below);
+	background-color: var(--sand);
+}
+
 input[type="range"].sand::-webkit-slider-runnable-track {
 	border: 1px solid var(--sand-below);
 	background-color: var(--sand);
 }
 
-input[type="range"].cloud::-moz-range-track,
+input[type="range"].cloud::-moz-range-track {
+	border: 1px solid var(--cloud-below);
+	background-color: var(--cloud);
+}
+
 input[type="range"].cloud::-webkit-slider-runnable-track {
 	border: 1px solid var(--cloud-below);
 	background-color: var(--cloud);
@@ -100,27 +128,48 @@ input[type="range"].cloud::-moz-range-progress {
 	background-color: var(--cloud-text);
 }
 
-input[type="range"]::-moz-range-thumb,
-input[type="range"]::-webkit-slider-thumb {
+input[type="range"]::-moz-range-thumb {
+	-webkit-appearance: none;
 	width: 20px;
 	height: 20px;
 	cursor: grab;
 	border-radius: 100%;
 }
 
-input[type="range"].sand::-moz-range-thumb,
+input[type="range"]::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	margin-top: -9px;
+	margin-left: -1px;
+	width: 24px;
+	height: 24px;
+	cursor: grab;
+	border-radius: 100%;
+}
+
+input[type="range"].sand::-moz-range-thumb {
+	border: 2px solid var(--sand-text-below);
+	background-color: var(--sand-text-above);
+}
+
 input[type="range"].sand::-webkit-slider-thumb {
 	border: 2px solid var(--sand-text-below);
 	background-color: var(--sand-text-above);
 }
 
-input[type="range"].cloud::-moz-range-thumb,
+input[type="range"].cloud::-moz-range-thumb {
+	border: 2px solid var(--cloud-text-below);
+	background-color: var(--cloud-text-above);
+}
+
 input[type="range"].cloud::-webkit-slider-thumb {
 	border: 2px solid var(--cloud-text-below);
 	background-color: var(--cloud-text-above);
 }
 
-input[type="range"]:active::-moz-range-thumb,
+input[type="range"]:active::-moz-range-thumb {
+	cursor: grabbing;
+}
+
 input[type="range"]:active::-webkit-slider-thumb {
 	cursor: grabbing;
 }
@@ -176,6 +225,15 @@ div.range.small>input[type="range"].sand+i.value {
 	color: var(--sand-text-below-1);
 }
 
+div.range.small>input[type="range"].sand+i.value.chrome {
+	color: var(--sea-text-above);
+	background: var(--sea);
+	border-radius: 100%;
+	width: 30px;
+	height: 30px;
+	margin-left: -10%;
+}
+
 div.range>datalist {
 	display: flex;
 	justify-content: space-between;

mirzaev/ebala/system/public/css/pages/administrators.css

@@ -19,7 +19,8 @@ section#administrators.panel.list
 	) {
 	min-width: 220px;
 	width: 220px;
-	display: ruby;
+	display: inline;
+	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }

mirzaev/ebala/system/public/css/pages/markets.css

@@ -23,7 +23,8 @@ section#markets.panel.list
 	) {
 	min-width: 220px;
 	width: 220px;
-	display: ruby;
+	display: inline;
+	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }

mirzaev/ebala/system/public/css/pages/operators.css

@@ -19,7 +19,8 @@ section#operators.panel.list
 	) {
 	min-width: 220px;
 	width: 220px;
-	display: ruby;
+	display: inline;
+	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }

mirzaev/ebala/system/public/css/pages/tasks.css

@@ -22,7 +22,8 @@ section#tasks.panel.list
 	) {
 	min-width: 220px;
 	width: 220px;
-	display: ruby;
+	display: inline;
+	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }

mirzaev/ebala/system/public/css/pages/workers.css

@@ -25,7 +25,8 @@ section#workers.panel.list
 	) {
 	min-width: 220px;
 	width: 220px;
-	display: ruby;
+	display: inline;
+	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }