mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-14 00:16:21 +00:00
c9ba16e1d6
Client-side CSS & JS files will now be processed with Gulp. Gulp tasks are configured in gulpfile.js file. CSS files will be optimized with postcss-preset-env, which will auto-add vendor prefixes and convert any parts necessary for browsers compatibility. Afterwards they will be minified with cssnano. JS files will be optimized with bublé, likewise for browsers compatibility. Afterwards they will be minified with terser. Unprocessed CSS & JS files will now be located at src directory, while the processed results will be located at dist directory. Due to bublé, the JS files should now be compatible up to IE 11 at the minimum. Previously the safe would not work in IE 11 due to extensive usage of template literals. Due to that as well, JS files in src directory will now extensively use arrow functions for my personal comfort (as they will be converted too). The server will use the processed files at dist directory by default. If you want to rebuild the files by your own, you can run "yarn build". Gulp is a development dependency, so make sure you have installed all development dependencies (e.i. NOT using "yarn install --production"). --- yarn lint -> gulp lint yarn build -> gulp default yarn watch -> gulp watch yarn develop -> env NODE_ENV=development yarn watch --- Fixed not being able to demote staff into normal users. /api/token/verify will no longer respond with 401 HTTP error code, unless an error occurred (which will be 500 HTTP error code). Fixed /nojs route not displaying file's original name when a duplicate is found on the server. Removed is-breeze CSS class name, in favor of Bulma's is-info. Removed custom styling from auth page, in favor of global styling. Removed all usage of style HTML attribute in favor of CSS classes. Renamed js/s/ to js/misc/. Use loading spinners on dashboard's sidebar menus. Disable all other sidebar menus when something is loading. Changed title HTML attribute of disabled control buttons in uploads & users list. Hid checkboxes and WIP controls from users list. Better error messages handling. Especially homepage will now support CF's HTTP error codes. Updated various icons. Also, added fontello config file at public/libs/fontello/config.json. This should let you edit them more easily with fontello. Use Gatsby icon for my blog's link in homepage's footer. A bunch of other improvements here & there.
95 lines
3.5 KiB
CSS
95 lines
3.5 KiB
CSS
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('fontello.eot?fFS2CGH95j');
|
|
src: url('fontello.eot?fFS2CGH95j#iefix') format('embedded-opentype'),
|
|
url('fontello.woff2?fFS2CGH95j') format('woff2'),
|
|
url('fontello.woff?fFS2CGH95j') format('woff'),
|
|
url('fontello.ttf?fFS2CGH95j') format('truetype'),
|
|
url('fontello.svg?fFS2CGH95j#fontello') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
|
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
|
/*
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('fontello.svg?fFS2CGH95j#fontello') format('svg');
|
|
}
|
|
}
|
|
*/
|
|
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
|
font-family: "fontello";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: .2em;
|
|
text-align: center;
|
|
/* opacity: .8; */
|
|
|
|
/* For safety - reset parent styles, that can break glyph codes*/
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
|
|
/* fix buttons height, for twitter bootstrap */
|
|
/* line-height: 1em; */
|
|
|
|
/* Animation center compensation - margins should be symmetric */
|
|
/* remove if not needed */
|
|
margin-left: .2em;
|
|
|
|
/* you can be more comfortable with increased icons size */
|
|
/* font-size: 120%; */
|
|
|
|
/* Font smoothing. That was taken from TWBS */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
/* Uncomment for 3D effect */
|
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
}
|
|
|
|
.icon-2x:before {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.icon-archive:before { content: '\e800'; } /* '' */
|
|
.icon-sharex:before { content: '\e801'; } /* '' */
|
|
.icon-picture:before { content: '\e802'; } /* '' */
|
|
.icon-th-list:before { content: '\e803'; } /* '' */
|
|
.icon-trash:before { content: '\e804'; } /* '' */
|
|
.icon-cancel:before { content: '\e805'; } /* '' */
|
|
.icon-arrows-cw:before { content: '\e806'; } /* '' */
|
|
.icon-plus:before { content: '\e807'; } /* '' */
|
|
.icon-clipboard:before { content: '\e808'; } /* '' */
|
|
.icon-login:before { content: '\e809'; } /* '' */
|
|
.icon-home:before { content: '\e80a'; } /* '' */
|
|
.icon-gauge:before { content: '\e80b'; } /* '' */
|
|
.icon-help-circled:before { content: '\e80d'; } /* '' */
|
|
.icon-github-circled:before { content: '\e80e'; } /* '' */
|
|
.icon-pencil:before { content: '\e80f'; } /* '' */
|
|
.icon-terminal:before { content: '\e810'; } /* '' */
|
|
.icon-hammer:before { content: '\e811'; } /* '' */
|
|
.icon-block:before { content: '\e812'; } /* '' */
|
|
.icon-link:before { content: '\e813'; } /* '' */
|
|
.icon-cog-alt:before { content: '\e814'; } /* '' */
|
|
.icon-floppy:before { content: '\e815'; } /* '' */
|
|
.icon-user-plus:before { content: '\e816'; } /* '' */
|
|
.icon-privatebin:before { content: '\e817'; } /* '' */
|
|
.icon-upload-cloud:before { content: '\e819'; } /* '' */
|
|
.icon-th-large:before { content: '\e81a'; } /* '' */
|
|
.icon-download:before { content: '\e81b'; } /* '' */
|
|
.icon-gatsby:before { content: '\e81c'; } /* '' */
|
|
.icon-filter:before { content: '\f0b0'; } /* '' */
|
|
.icon-docs:before { content: '\f0c5'; } /* '' */
|
|
.icon-doc-inv:before { content: '\f15b'; } /* '' */
|
|
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
|
|
.icon-chrome:before { content: '\f268'; } /* '' */
|
|
.icon-firefox:before { content: '\f269'; } /* '' */
|