Code Monkey home page Code Monkey logo

indico-sui-theme's Introduction

Indico Semantic UI theme

This is the Semantic UI theme used in Indico 2.2+.

Prerequisites

Install Docker

Check the official Docker documentation for information how to install Docker on your operating system.

Usage

$ make build

indico-sui-theme's People

Contributors

javfg avatar mic4ael avatar pferreir avatar plourenco avatar thiefmaster avatar

Stargazers

avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

mic4ael plourenco javfg

indico-sui-theme's Issues

Failed the build task

When execute the command make build showed the following command:

docker image build . -t sui-theme-build
Sending build context to Docker daemon  5.615MB
Step 1/5 : FROM node:10
 ---> 28dca6642db8
Step 2/5 : COPY . /indico-sui-theme
 ---> 7bba4f0cbe6a
Step 3/5 : WORKDIR /indico-sui-theme
 ---> Running in cc8b1eace55c
Removing intermediate container cc8b1eace55c
 ---> 5b2edad993a1
Step 4/5 : ENTRYPOINT ["/bin/bash"]
 ---> Running in 9a8027006021
Removing intermediate container 9a8027006021
 ---> 29413ae756a1
Step 5/5 : CMD ["build.sh"]
 ---> Running in ffab7eaac248
Removing intermediate container ffab7eaac248
 ---> cc695175d3d3
Successfully built cc695175d3d3
Successfully tagged sui-theme-build:latest
docker container run \
 -it \
 --rm \
 --name sui-theme-build-container \
 --mount type=bind,src="`pwd`/semantic.css",target=/indico-sui-theme/semantic.css \
 --mount type=bind,src="`pwd`/semantic.js",target=/indico-sui-theme/semantic.js \
 --mount type=bind,src="`pwd`/semantic.min.css",target=/indico-sui-theme/semantic.min.css \
 --mount type=bind,src="`pwd`/semantic.min.js",target=/indico-sui-theme/semantic.min.js \
 sui-theme-build
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=14.16"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^12.20.0 || ^14.13.1 || >=16.0.0"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^12.20.0 || ^14.13.1 || >=16.0.0"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":">=12"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^12.13.0 || ^14.15.0 || >=16.0.0"} (current: {"node":"10.24.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN [email protected] No repository field.

added 690 packages from 400 contributors and audited 692 packages in 21.543s

44 packages are looking for funding
  run `npm fund` for details

found 11 vulnerabilities (2 low, 8 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
/usr/local/bin/gulp -> /usr/local/lib/node_modules/gulp-cli/bin/gulp.js

> [email protected] postinstall /usr/local/lib/node_modules/gulp-cli/node_modules/es5-ext
>  node -e "try{require('./_postinstall')}catch(e){}" || exit 0

+ [email protected]
added 254 packages from 165 contributors in 4.389s
/indico-sui-theme/node_modules/del/index.js:1
import {promisify} from 'node:util';
       ^

SyntaxError: Unexpected token {
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/indico-sui-theme/gulpfile.js:4:13)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
make: *** [Makefile:5: build] Error 1

Liberation sans bold font breaks positioning

The liberation sans font with font-weight: bold is causing the labels (and potentially other elements) to break their positioning. This issue first arose in indico/indico#4363.
An easy example is to create two label components (one with, eg , Lato and a default one):

<span class="ui blue label" style="
    font-family: Lato;
">Admin</span>
<span class="ui blue label">Admin</span>

The result will be similar to this:
image

  • The first label is using font-family: Lato
  • The second label is using Liberation Sans with font-weight: normal
  • The third label is the default (deformed)
  • The fourth label is my possible solution, applying font-family: 'Muli', 'Helvetica Neue', Arial, Helvetica, sans-serif. The same as we do with the sui buttons.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.