From 237db3e472d5356cc04017c894d8fa6e10ef5c45 Mon Sep 17 00:00:00 2001 From: Peter Savchenko Date: Tue, 6 Sep 2022 22:58:50 +0300 Subject: [PATCH] chore(ui): a bunch of style updates (#235) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore(styles): typography updating started * page styles updated * page header nav fix, inline code style fix, table, navigator * use arrow-right icon instead of "»" in bread crumbs * a bunch of updates * make content and write page styles more consistent * rollback layout change * upd color text second * upd sidebar logo text color * resovle someone's ts errors * remove duplicated variables --- src/backend/routes/aliases.ts | 16 +- src/backend/views/pages/page.twig | 31 +- src/frontend/styles/components/header.pcss | 18 +- src/frontend/styles/components/navigator.pcss | 10 +- src/frontend/styles/components/page.pcss | 188 +-- src/frontend/styles/components/sidebar.pcss | 13 +- .../styles/components/table-of-content.pcss | 15 +- src/frontend/styles/components/writing.pcss | 52 +- src/frontend/styles/diff.pcss | 16 +- src/frontend/styles/vars.pcss | 140 ++- src/frontend/svg/arrow-right.svg | 1 + yarn.lock | 1023 +---------------- 12 files changed, 349 insertions(+), 1174 deletions(-) create mode 100644 src/frontend/svg/arrow-right.svg diff --git a/src/backend/routes/aliases.ts b/src/backend/routes/aliases.ts index 71e58a4..1026597 100644 --- a/src/backend/routes/aliases.ts +++ b/src/backend/routes/aliases.ts @@ -1,10 +1,10 @@ import express, { Request, Response } from 'express'; -import Aliases from '../controllers/aliases'; -import Pages from '../controllers/pages'; -import Alias from '../models/alias'; -import verifyToken from './middlewares/token'; -import PagesFlatArray from '../models/pagesFlatArray'; -import HttpException from '../exceptions/httpException'; +import Aliases from '../controllers/aliases.js'; +import Pages from '../controllers/pages.js'; +import Alias from '../models/alias.js'; +import verifyToken from './middlewares/token.js'; +import PagesFlatArray from '../models/pagesFlatArray.js'; +import HttpException from '../exceptions/httpException.js'; const router = express.Router(); @@ -48,7 +48,7 @@ router.get('*', verifyToken, async (req: Request, res: Response) => { } } } catch (err) { - if (err instanceof HttpException && err.status === 404) { + if (err instanceof HttpException && (err as HttpException).status === 404) { res.status(404).render('error', { message: 'Page not found', status: 404, @@ -62,4 +62,4 @@ router.get('*', verifyToken, async (req: Request, res: Response) => { } }); -export default router; \ No newline at end of file +export default router; diff --git a/src/backend/views/pages/page.twig b/src/backend/views/pages/page.twig index 58172d3..796b659 100644 --- a/src/backend/views/pages/page.twig +++ b/src/backend/views/pages/page.twig @@ -3,19 +3,22 @@ {% block body %}