updates

components/projektwoche-lehrer.svelte

@@ -1,3 +1,19 @@
+<h2 class="title">Belegungsstatus der einzelnen Projekte</h2>
+{#each projekte as p}
+      <dl>
+        <dt class="has-text-weight-bold">{p.titel}</dt>
+        {#if p.woche}
+          <dd>Woche: <span class={`tag is-${p.gewaehlt_woche >= p.max_teilnehmer ? 'danger':'success'}`}>{`${p.gewaehlt_woche}/${p.max_teilnehmer}`}</span></dd>
+        {/if}
+        {#if p.mo_di}
+          <dd>Mo/Di: <span class={`tag is-${p.gewaehlt_mo_di >= p.max_teilnehmer ? 'danger':'success'}`}>{`${p.gewaehlt_mo_di}/${p.max_teilnehmer}`}</span></dd>
+        {/if}
+        {#if p.mi_do}
+          <dd>Mi/Do: <span class={`tag is-${p.gewaehlt_mi_do >= p.max_teilnehmer ? 'danger':'success'}`}>{`${p.gewaehlt_mi_do}/${p.max_teilnehmer}`}</span></dd>
+        {/if}
+      </dl>
+      <hr>
+{/each}
 <h2 class="title">Beschreibung der einzelnen Projekte</h2>
 {#each projekte as p}
   <div class="card">

components/projektwoche-schueler.svelte

@@ -1,3 +1,4 @@
+<input type="checkbox" bind:checked={nur_irrlaeufer}> Nur unvermittelte Schüler anzeigen.
 <div class="columns">
   <div class="column is-two-thirds">
     {#each Object.entries(schueler) as [klasse, schuelers]}
@@ -12,7 +13,7 @@
           </tr>
         </thead>
         <tbody>
-          {#each schuelers as s}
+          {#each schuelers.filter(s=>(nur_irrlaeufer && wahl(s) !== 'success') || (!nur_irrlaeufer && s)) as s}
             <tr on:click={() => modalset(s)} style="cursor: pointer">
               <td>{s.Name}</td>
               <td>{s.Vorname}</td>
@@ -139,6 +140,7 @@
 
 <script>
   export let schueler, privat, knexConfig
+  let nur_irrlaeufer = true
   let projekte = [];
   let klassen = {}
   Object.keys(schueler).forEach(k => klassen[k] = null)

components/svwahl.svelte

@@ -18,8 +18,11 @@
               <td class:has-background-success={s.schuko||s.sprecher}>
                 Schuko: <input checked={s.schuko} type="checkbox" on:click={()=>check_aktiv(s, 'schuko')}>
                 Sprecher: <input checked={s.sprecher} type="checkbox" on:click={()=>check_aktiv(s, 'sprecher')}>
-                gewählt: <input checked={s.gewaehlt} type="checkbox" on:click={()=>check_aktiv(s, 'gewaehlt')}>
+                <!-- gewählt: <input checked={s.gewaehlt} type="checkbox" on:click={()=>check_aktiv(s, 'gewaehlt')}> -->
                 wählbar: <input checked={s.waehlbar} type="checkbox" on:click={()=>check_aktiv(s, 'waehlbar')}>
+                {#if s.info || s.nachname || s.email}
+                  <button class="button is-link tooltip" data-tooltip={`${s.info || ''} – ${s.Vorname} ${s.nachname || ''} – ${s.email || ''}`}>Infotext</button>
+                {/if}
               </td>
             </tr>
           {/each}
@@ -51,4 +54,7 @@
       console.log(err.stack)
     }
   }
-</script>
+</script>
+<style>
+  @import './node_modules/bulma-tooltip/dist/css/bulma-tooltip.min.css';
+</style>

node_modules/bulma-tooltip/CHANGELOG.md

@@ -0,0 +1,129 @@
+<a name="1.0.5"></a>
+## [1.0.5](https://github.com/Wikiki/bulma-tooltip/compare/1.0.4...1.0.5) (2018-05-12)
+
+
+### Bug Fixes
+
+* [#20](https://github.com/Wikiki/bulma-tooltip/issues/20) Multiline problem with few text ([eb00d1b](https://github.com/Wikiki/bulma-tooltip/commit/eb00d1b))
+
+
+
+<a name="1.0.4"></a>
+## [1.0.4](https://github.com/Wikiki/bulma-tooltip/compare/1.0.3...1.0.4) (2018-03-29)
+
+
+
+<a name="1.0.3"></a>
+## [1.0.3](https://github.com/Wikiki/bulma-tooltip/compare/1.0.2...1.0.3) (2018-02-13)
+
+
+### Bug Fixes
+
+* **loading:** Better code ([5fc73fb](https://github.com/Wikiki/bulma-tooltip/commit/5fc73fb))
+
+
+
+<a name="1.0.2"></a>
+## [1.0.2](https://github.com/Wikiki/bulma-tooltip/compare/1.0.1...1.0.2) (2018-02-13)
+
+
+### Bug Fixes
+
+* **loading:** Keep loading style ([a910196](https://github.com/Wikiki/bulma-tooltip/commit/a910196))
+
+
+
+<a name="1.0.1"></a>
+## [1.0.1](https://github.com/Wikiki/bulma-tooltip/compare/1.0.0...1.0.1) (2018-02-11)
+
+
+### Bug Fixes
+
+* **gulp:** Remove Bulma’s important from dist’sass ([e47cc11](https://github.com/Wikiki/bulma-tooltip/commit/e47cc11))
+
+
+
+<a name="1.0.0"></a>
+# [1.0.0](https://github.com/Wikiki/bulma-tooltip/compare/0.1.7...1.0.0) (2018-02-10)
+
+
+
+<a name="0.1.7"></a>
+## [0.1.7](https://github.com/Wikiki/bulma-tooltip/compare/0.1.6...0.1.7) (2018-02-10)
+
+
+
+<a name="0.1.6"></a>
+## [0.1.6](https://github.com/Wikiki/bulma-tooltip/compare/0.1.5...0.1.6) (2018-02-10)
+
+
+### Bug Fixes
+
+* **gulp:** Use UMD modules style ([364d53c](https://github.com/Wikiki/bulma-tooltip/commit/364d53c))
+
+
+
+<a name="0.1.5"></a>
+## [0.1.5](https://github.com/Wikiki/bulma-tooltip/compare/0.1.4...0.1.5) (2018-02-10)
+
+
+### Bug Fixes
+
+* **gulp:** Clean whole dist folder ([e403d11](https://github.com/Wikiki/bulma-tooltip/commit/e403d11))
+* **gulp:** Correct dist filenames ([ece4bd4](https://github.com/Wikiki/bulma-tooltip/commit/ece4bd4))
+* **package.json:** Main file path correction ([8b52ee1](https://github.com/Wikiki/bulma-tooltip/commit/8b52ee1))
+* **package.json:** Main file path correction ([d3feb49](https://github.com/Wikiki/bulma-tooltip/commit/d3feb49))
+
+
+
+<a name="0.1.4"></a>
+## [0.1.4](https://github.com/Wikiki/bulma-tooltip/compare/0.1.1...0.1.4) (2018-02-09)
+
+
+### Bug Fixes
+
+* **bower:** Add missing version ([ef90484](https://github.com/Wikiki/bulma-tooltip/commit/ef90484))
+
+
+### Features
+
+* **gulp:** Add release task ([6baf98c](https://github.com/Wikiki/bulma-tooltip/commit/6baf98c))
+
+
+
+# Change Log
+
+## [Unreleased](https://github.com/wikiki/bulma-tooltip/tree/HEAD)
+
+[Full Changelog](https://github.com/wikiki/bulma-tooltip/compare/0.1.1...HEAD)
+
+**Implemented enhancements:**
+
+- Adding .is-tooltip-active [\#11](https://github.com/Wikiki/bulma-tooltip/issues/11)
+
+**Fixed bugs:**
+
+- Import problem [\#5](https://github.com/Wikiki/bulma-tooltip/issues/5)
+
+**Closed issues:**
+
+- tooltip.sass should imports initial variables [\#9](https://github.com/Wikiki/bulma-tooltip/issues/9)
+- Right out of the gate, tooltip flickers [\#8](https://github.com/Wikiki/bulma-tooltip/issues/8)
+- defect link on readme.md [\#7](https://github.com/Wikiki/bulma-tooltip/issues/7)
+- bower? [\#6](https://github.com/Wikiki/bulma-tooltip/issues/6)
+
+**Merged pull requests:**
+
+- Fix \#11: Keep tooltip open with .is-tooltip-active [\#12](https://github.com/Wikiki/bulma-tooltip/pull/12) ([alfonsogarciacaro](https://github.com/alfonsogarciacaro))
+
+## [0.1.1](https://github.com/wikiki/bulma-tooltip/tree/0.1.1) (2017-11-30)
+**Closed issues:**
+
+- Tooltip wrap around [\#4](https://github.com/Wikiki/bulma-tooltip/issues/4)
+- Error compiling tooltip.sass to .css [\#3](https://github.com/Wikiki/bulma-tooltip/issues/3)
+- Missing LICENSE file [\#2](https://github.com/Wikiki/bulma-tooltip/issues/2)
+- Compatibility [\#1](https://github.com/Wikiki/bulma-tooltip/issues/1)
+
+
+
+\* *This Change Log was automatically generated by [github_changelog_generator](https://github.com/skywinder/Github-Changelog-Generator)*

node_modules/bulma-tooltip/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Wikiki
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

node_modules/bulma-tooltip/README.md

@@ -0,0 +1,11 @@
+# bulma-tooltip
+Bulma's extension to display tooltip on desktop layout
+(find all my bulma's extensions [here](https://wikiki.github.io/))
+
+[![npm](https://img.shields.io/npm/v/bulma-tooltip.svg)](https://www.npmjs.com/package/bulma-tooltip)
+[![npm](https://img.shields.io/npm/dm/bulma-tooltip.svg)](https://www.npmjs.com/package/bulma-tooltip)
+[![Build Status](https://travis-ci.org/Wikiki/bulma-tooltip.svg?branch=master)](https://travis-ci.org/Wikiki/bulma-tooltip)
+
+Documentation & Demo
+---
+You can find the Documentation and a demo [here](https://wikiki.github.io/elements/tooltip/)

node_modules/bulma-tooltip/dist/css/_dispatcher.sass

@@ -0,0 +1,28 @@
+@each $direction in top, right, bottom, left
+  +mobile
+    .is-tooltip-#{$direction}-mobile
+      @include direction(#{$direction})
+  +tablet
+    .is-tooltip-#{$direction}-tablet
+      @include direction(#{$direction})
+  +tablet-only
+    .is-tooltip-#{$direction}-tablet-only
+      @include direction(#{$direction})
+  +touch
+    .is-tooltip-#{$direction}-touch
+      @include direction(#{$direction})
+  +desktop
+    .is-tooltip-#{$direction}-desktop
+      @include direction(#{$direction})
+  +desktop-only
+    .is-tooltip-#{$direction}-desktop-only
+      @include direction(#{$direction})
+  +widescreen
+    .is-tooltip-#{$direction}-widescreen
+      @include direction(#{$direction})
+  +widescreen-only
+    .is-tooltip-#{$direction}-widescreen-only
+      @include direction(#{$direction})
+  +fullhd
+    .is-tooltip-#{$direction}-fullhd
+      @include direction(#{$direction})

node_modules/bulma-tooltip/dist/css/_position.sass

@@ -0,0 +1,90 @@
+=top($important: null)
+  &::before
+
+    top: auto $important
+    bottom: 100% $important
+    left: 50% $important
+    right: auto $important
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 0 $important
+        bottom: auto $important
+        left: 50% $important
+        right: auto $important
+        border-color: rgba($tooltip-background-color, 0.9) transparent transparent transparent $important
+    &::before
+      transform: translate(-50%, -.5rem) $important
+
+=right($important: null)
+  &::before
+    top: auto $important
+    bottom: 50% $important
+    left: 100% $important
+    right: auto $important
+    transform: translate(-1rem, 50%) $important
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 50% $important
+        left: 100% $important
+        right: auto $important
+        border-color: transparent rgba($tooltip-background-color, 0.9) transparent transparent $important
+    &::before
+      transform: translate(0.5rem, 50%) $important
+
+=bottom($important: null)
+  &::before
+    top: 100% $important
+    bottom: auto $important
+    left: 50% $important
+    right: auto $important
+    transform: translate(-50%, -1rem) $important
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 100% $important
+        bottom: auto $important
+        left: 50% $important
+        right: auto $important
+        border-color: transparent transparent rgba($tooltip-background-color, 0.9) transparent $important
+    &::before
+      transform: translate(-50%, 0.5rem) $important
+
+=left($important: null)
+  &::before
+    top: auto $important
+    bottom: 50% $important
+    left: auto $important
+    right: 100% $important
+    transform: translate(1rem, 50%) $important
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 50% $important
+        bottom: auto $important
+        left: auto $important
+        right: calc(100% - .5rem) $important
+        border-color: transparent transparent transparent rgba($tooltip-background-color, 0.9) $important
+    &::before
+      transform: translate(-0.5rem, 50%) $important
+
+=direction($direction)
+  @if $direction == 'top'
+    @include top(!important)
+  @else if $direction == 'right'
+    @include right(!important)
+  @else if $direction == 'bottom'
+    @include bottom(!important)
+  @else if $direction == 'left'
+    @include left(!important)

node_modules/bulma-tooltip/dist/css/bulma-tooltip.sass

@@ -0,0 +1,93 @@
+@import 'position'
+
+$tooltip-background-color: $grey-dark !default
+$tooltip-background-opacity: 0.9 !default
+$tooltip-max-width: 24rem !default
+
+.tooltip
+  position: relative
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        z-index: 99999
+        position: absolute
+        display: inline-block
+        pointer-events: none
+    &::before
+      z-index: 99999
+      position: absolute
+      display: inline-block
+      pointer-events: none
+    &:not(.is-loading)
+      &::after
+        content: ""
+        border-style: solid
+        border-width: .5rem
+    &::before
+      opacity: 0
+      content: attr(data-tooltip)
+      overflow: hidden
+      white-space: nowrap
+      text-overflow: ellipsis
+      font-size: $size-7
+      padding: .4rem .8rem
+      background: rgba($tooltip-background-color, $tooltip-background-opacity)
+      border-radius: $radius
+      color: $white
+      max-width: $tooltip-max-width
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        opacity: 1
+        margin-left: -.5rem
+        margin-top: -.5rem
+
+    &::before
+      opacity: 1
+
+  +top
+
+  &.is-tooltip-right
+    +right
+
+  &.is-tooltip-bottom
+    +bottom
+
+  &.is-tooltip-left
+    +left
+
+  &.is-tooltip-multiline
+    &::before
+      min-width: $tooltip-max-width
+      text-overflow: clip
+      white-space: normal
+      word-break: keep-all
+
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-tooltip-#{$name}
+      &:not(.is-loading)
+        &::after
+          border-color: rgba($color, $tooltip-background-opacity) transparent transparent transparent
+      &.is-tooltip-right
+        &:not(.is-loading)
+          &::after
+            border-color: transparent rgba($color, $tooltip-background-opacity) transparent transparent
+      &.is-tooltip-bottom
+        &:not(.is-loading)
+          &::after
+            border-color: transparent transparent rgba($color, $tooltip-background-opacity) transparent
+      &.is-tooltip-left
+        &:not(.is-loading)
+          &::after
+            border-color: transparent transparent transparent rgba($color, $tooltip-background-opacity)
+      &::before
+        background: rgba($color, $tooltip-background-opacity)
+        color: $color-invert
+
+@import 'dispatcher'

node_modules/bulma-tooltip/package.json

@@ -0,0 +1,99 @@
+{
+  "_from": "bulma-tooltip",
+  "_id": "bulma-tooltip@2.0.2",
+  "_inBundle": false,
+  "_integrity": "sha512-xsqWeWV7tsUn3uH04SqJeP7/CyC1RaDVIyVzr4/sIO3friIIOi7L6jc5g7qUwDxuBQl72yH/yRPuefpXoQ4hWg==",
+  "_location": "/bulma-tooltip",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "bulma-tooltip",
+    "name": "bulma-tooltip",
+    "escapedName": "bulma-tooltip",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz",
+  "_shasum": "cf0bf5ad2dc75492cbcbd4816e1a005314dc90ac",
+  "_spec": "bulma-tooltip",
+  "_where": "/home/zorro/Documents/schild.report/reports/mein-bk",
+  "author": {
+    "name": "Wikiki",
+    "email": "wikiki@protonmail.com",
+    "url": "https://wikiki.github.io/bulma-extensions/overview"
+  },
+  "bugs": {
+    "url": "https://github.com/Wikiki/bulma-tooltip/issues"
+  },
+  "bundleDependencies": false,
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-conventional-changelog"
+    }
+  },
+  "deprecated": false,
+  "description": "Display a tooltip attached to any kind of element, in different position.",
+  "devDependencies": {
+    "ansi-colors": "^2.0.1",
+    "autoprefixer": "^8.6.2",
+    "babel-core": "^6.26.3",
+    "babel-jest": "^23.0.1",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "bulma": "^0.7.1",
+    "camelcase": "^5.0.0",
+    "commitizen": "^2.10.1",
+    "cz-conventional-changelog": "^2.1.0",
+    "del": "^3.0.0",
+    "fancy-log": "^1.3.2",
+    "gulp": "^4.0.0",
+    "gulp-autoprefixer": "^5.0.0",
+    "gulp-clean-css": "^3.9.4",
+    "gulp-concat": "^2.6.1",
+    "gulp-nop": "0.0.3",
+    "gulp-postcss": "^7.0.1",
+    "gulp-sass": "^4.0.1",
+    "gulp-uglify": "^3.0.0",
+    "jest": "^23.1.0",
+    "regenerator-runtime": "^0.11.1",
+    "semantic-release": "^15.5.2",
+    "travis-deploy-once": "^5.0.0",
+    "webpack": "^4.12.0",
+    "webpack-stream": "^4.0.3"
+  },
+  "files": [
+    "dist/**",
+    "src/**",
+    "LICENSE",
+    "README.md"
+  ],
+  "homepage": "https://github.com/Wikiki/bulma-tooltip#readme",
+  "keywords": [
+    "Bulma",
+    "bulma",
+    "bulma.io",
+    "extensions",
+    "tooltip"
+  ],
+  "license": "MIT",
+  "main": "./dist/css/bulma-tooltip.min.css",
+  "name": "bulma-tooltip",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Wikiki/bulma-tooltip.git"
+  },
+  "scripts": {
+    "build": "gulp",
+    "commit": "git-cz",
+    "semantic-release": "semantic-release",
+    "travis-deploy-once": "travis-deploy-once"
+  },
+  "version": "2.0.2"
+}

node_modules/bulma-tooltip/src/sass/_dispatcher.sass

@@ -0,0 +1,28 @@
+@each $direction in top, right, bottom, left
+  +mobile
+    .is-tooltip-#{$direction}-mobile
+      @include direction(#{$direction})
+  +tablet
+    .is-tooltip-#{$direction}-tablet
+      @include direction(#{$direction})
+  +tablet-only
+    .is-tooltip-#{$direction}-tablet-only
+      @include direction(#{$direction})
+  +touch
+    .is-tooltip-#{$direction}-touch
+      @include direction(#{$direction})
+  +desktop
+    .is-tooltip-#{$direction}-desktop
+      @include direction(#{$direction})
+  +desktop-only
+    .is-tooltip-#{$direction}-desktop-only
+      @include direction(#{$direction})
+  +widescreen
+    .is-tooltip-#{$direction}-widescreen
+      @include direction(#{$direction})
+  +widescreen-only
+    .is-tooltip-#{$direction}-widescreen-only
+      @include direction(#{$direction})
+  +fullhd
+    .is-tooltip-#{$direction}-fullhd
+      @include direction(#{$direction})

node_modules/bulma-tooltip/src/sass/_position.sass

@@ -0,0 +1,90 @@
+=top($important: null)
+  &::before
+
+    top: auto $important
+    bottom: 100% $important
+    left: 50% $important
+    right: auto $important
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 0 $important
+        bottom: auto $important
+        left: 50% $important
+        right: auto $important
+        border-color: rgba($tooltip-background-color, 0.9) transparent transparent transparent $important
+    &::before
+      transform: translate(-50%, -.5rem) $important
+
+=right($important: null)
+  &::before
+    top: auto $important
+    bottom: 50% $important
+    left: 100% $important
+    right: auto $important
+    transform: translate(-1rem, 50%) $important
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 50% $important
+        left: 100% $important
+        right: auto $important
+        border-color: transparent rgba($tooltip-background-color, 0.9) transparent transparent $important
+    &::before
+      transform: translate(0.5rem, 50%) $important
+
+=bottom($important: null)
+  &::before
+    top: 100% $important
+    bottom: auto $important
+    left: 50% $important
+    right: auto $important
+    transform: translate(-50%, -1rem) $important
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 100% $important
+        bottom: auto $important
+        left: 50% $important
+        right: auto $important
+        border-color: transparent transparent rgba($tooltip-background-color, 0.9) transparent $important
+    &::before
+      transform: translate(-50%, 0.5rem) $important
+
+=left($important: null)
+  &::before
+    top: auto $important
+    bottom: 50% $important
+    left: auto $important
+    right: 100% $important
+    transform: translate(1rem, 50%) $important
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        top: 50% $important
+        bottom: auto $important
+        left: auto $important
+        right: calc(100% - .5rem) $important
+        border-color: transparent transparent transparent rgba($tooltip-background-color, 0.9) $important
+    &::before
+      transform: translate(-0.5rem, 50%) $important
+
+=direction($direction)
+  @if $direction == 'top'
+    @include top(!important)
+  @else if $direction == 'right'
+    @include right(!important)
+  @else if $direction == 'bottom'
+    @include bottom(!important)
+  @else if $direction == 'left'
+    @include left(!important)

node_modules/bulma-tooltip/src/sass/index.sass

@@ -0,0 +1,93 @@
+@import 'position'
+
+$tooltip-background-color: $grey-dark !default
+$tooltip-background-opacity: 0.9 !default
+$tooltip-max-width: 24rem !default
+
+.tooltip
+  position: relative
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        z-index: 99999
+        position: absolute
+        display: inline-block
+        pointer-events: none
+    &::before
+      z-index: 99999
+      position: absolute
+      display: inline-block
+      pointer-events: none
+    &:not(.is-loading)
+      &::after
+        content: ""
+        border-style: solid
+        border-width: .5rem
+    &::before
+      opacity: 0
+      content: attr(data-tooltip)
+      overflow: hidden
+      white-space: nowrap
+      text-overflow: ellipsis
+      font-size: $size-7
+      padding: .4rem .8rem
+      background: rgba($tooltip-background-color, $tooltip-background-opacity)
+      border-radius: $radius
+      color: $white
+      max-width: $tooltip-max-width
+
+  &:focus,
+  &:hover,
+  &.is-tooltip-active
+    &:not(.is-loading)
+      &::after
+        opacity: 1
+        margin-left: -.5rem
+        margin-top: -.5rem
+
+    &::before
+      opacity: 1
+
+  +top
+
+  &.is-tooltip-right
+    +right
+
+  &.is-tooltip-bottom
+    +bottom
+
+  &.is-tooltip-left
+    +left
+
+  &.is-tooltip-multiline
+    &::before
+      min-width: $tooltip-max-width
+      text-overflow: clip
+      white-space: normal
+      word-break: keep-all
+
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-tooltip-#{$name}
+      &:not(.is-loading)
+        &::after
+          border-color: rgba($color, $tooltip-background-opacity) transparent transparent transparent
+      &.is-tooltip-right
+        &:not(.is-loading)
+          &::after
+            border-color: transparent rgba($color, $tooltip-background-opacity) transparent transparent
+      &.is-tooltip-bottom
+        &:not(.is-loading)
+          &::after
+            border-color: transparent transparent rgba($color, $tooltip-background-opacity) transparent
+      &.is-tooltip-left
+        &:not(.is-loading)
+          &::after
+            border-color: transparent transparent transparent rgba($color, $tooltip-background-opacity)
+      &::before
+        background: rgba($color, $tooltip-background-opacity)
+        color: $color-invert
+
+@import 'dispatcher'

package-lock.json

@@ -9,6 +9,11 @@
       "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
       "integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
     },
+    "bulma-tooltip": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz",
+      "integrity": "sha512-xsqWeWV7tsUn3uH04SqJeP7/CyC1RaDVIyVzr4/sIO3friIIOi7L6jc5g7qUwDxuBQl72yH/yRPuefpXoQ4hWg=="
+    },
     "hashids": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/hashids/-/hashids-1.2.2.tgz",

package.json

@@ -10,6 +10,7 @@
   "license": "ISC",
   "dependencies": {
     "bulma": "^0.7.5",
+    "bulma-tooltip": "^2.0.2",
     "hashids": "^1.2.2",
     "marked": "^0.7.0"
   }