Commit dbc4d33c authored by David Burke's avatar David Burke

Fighting dumb ass storybook random freezes

parent 3f1326ed
Pipeline #31097593 failed with stage
in 3 minutes and 2 seconds
import { configure } from "@storybook/angular";
import "!style-loader!css-loader!sass-loader!../src/app/app.style.scss";
import "!style-loader!css-loader!sass-loader!../src/styles.scss";
// automatically import all files ending in *.stories.ts
const req = require.context("../src/stories", true, /.stories.ts$/);
function loadStories() {
require("../src/stories/index.ts");
req.keys().forEach(filename => req(filename));
}
configure(loadStories, module);
......@@ -27,7 +27,7 @@
}
],
"styles": [
"src/styles.css"
"src/styles.scss"
],
"scripts": []
},
......@@ -226,4 +226,4 @@
}
}
}
}
\ No newline at end of file
}
......@@ -21,8 +21,9 @@
"compodoc": "./node_modules/.bin/compodoc -p tsconfig.json",
"compodoc-serve": "./node_modules/.bin/compodoc -p tsconfig.json -s",
"compodoc-gitlab": "./node_modules/.bin/compodoc -p tsconfig.json -d public/",
"storybook": "start-storybook -p 9001 -c .storybook -s src",
"prettier": "find src/ -type f -name \"*.ts\" | xargs ./node_modules/.bin/prettier --write"
"storybook": "start-storybook -p 6006",
"prettier": "find src/ -type f -name \"*.ts\" | xargs ./node_modules/.bin/prettier --write",
"build-storybook": "build-storybook"
},
"homepage": "https://gitlab.com/burke-software/passit-frontend",
"repository": {
......@@ -85,12 +86,16 @@
"@angular/cli": "^6.1.2",
"@angular/compiler-cli": "^6.0.0",
"@compodoc/compodoc": "~1.1.3",
"@storybook/angular": "^3.4.10",
"@storybook/addon-actions": "^3.4.11",
"@storybook/addon-links": "^3.4.11",
"@storybook/addon-notes": "^3.4.11",
"@storybook/addons": "^3.4.11",
"@storybook/angular": "^3.4.11",
"@types/jasmine": "~2.8.2",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.5.2",
"@wext/shipit": "^0.1.3",
"babel-core": "^6.26.3",
"babel-core": "6.26.0",
"breakpoint-sass": "~2.7.1",
"codelyzer": "~4.4.3",
"jasmine-core": "~2.8.0",
......
@import "~breakpoint-sass/stylesheets/breakpoint";
@import "~susy/sass/susy";
@import "../../assets/scss/breakpoints";
@import "../../styles/breakpoints";
@import "~breakpoint-sass/stylesheets/breakpoint";
@import "../../assets/scss/breakpoints";
@import "../../assets/scss/colors";
@import "../../styles/breakpoints";
@import "../../styles/colors";
.account-container {
&--popup {
......
@import '../../../assets/scss/colors';
@import '../../../styles/colors';
.change-password {
&__actions {
......
@import "../../../assets/scss/colors";
@import "../../../styles/colors";
.delete-page {
&__danger {
......
......@@ -12,7 +12,7 @@ import { IForgotPasswordForm } from "./forgot-password.reducer";
@Component({
selector: "app-forgot-password",
templateUrl: "./forgot-password.component.html",
styleUrls: ["./forgot-password.component.scss", "../account.component.scss"],
styleUrls: ["../account.component.scss"],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ForgotPasswordComponent {
......
......@@ -3,7 +3,7 @@ import { Component, ChangeDetectionStrategy, Input } from "@angular/core";
@Component({
selector: "app-marketing-frame",
templateUrl: "./marketing-frame.component.html",
styleUrls: ["./marketing-frame.component.scss", "../account.component.scss"],
styleUrls: ["../account.component.scss"],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class MarketingFrameComponent {
......
......@@ -21,7 +21,6 @@ import { AppDataService } from "./shared/app-data/app-data.service";
@Component({
encapsulation: ViewEncapsulation.None,
selector: "app-root",
styleUrls: ["./app.style.scss"],
template: `
<navbar-container></navbar-container>
<main>
......
@import '../../../../assets/scss/colors';
@import '../../../../styles/colors';
$popup-timer: 0.3s;
$hover-timer: 0.1s;
......
@import '../../../assets/scss/colors';
@import '../../../styles/colors';
.popup {
width: 350px;
......
@import '~breakpoint-sass/stylesheets/breakpoint';
@import 'node_modules/susy/sass/susy';
@import '../../../assets/scss/breakpoints';
@import '../../../styles/breakpoints';
.list-empty-state {
padding-top: 40px;
......
@import '../../../assets/scss/colors';
@import '../../../styles/colors';
.container {
margin-top: 20px;
......
@import '~breakpoint-sass/stylesheets/breakpoint';
@import '../../assets/scss/breakpoints';
@import '../../assets/scss/colors';
@import '../../styles/breakpoints';
@import '../../styles/colors';
.import {
&__form-wrapper {
......
@import '~breakpoint-sass/stylesheets/breakpoint';
@import 'node_modules/susy/sass/susy';
@import '../../assets/scss/breakpoints';
@import '../../assets/scss/colors';
@import '../../styles/breakpoints';
@import '../../styles/colors';
$open-animation-duration: 0.5s;
......
@import '~breakpoint-sass/stylesheets/breakpoint';
@import '~susy/sass/susy';
@import '../../../assets/scss/breakpoints';
@import '../../../assets/scss/colors';
@import '../../../styles/breakpoints';
@import '../../../styles/colors';
@keyframes progress {
from {
......
@import '../../assets/scss/colors';
@import '../../styles/colors';
.error-page {
&__text {
......
@import '../../assets/scss/colors';
@import '../../styles/colors';
@keyframes spinner {
......
@import '../../../assets/scss/colors';
@import '../../../styles/colors';
.demo {
padding: 10px 0 7px;
......
@import '~breakpoint-sass/stylesheets/breakpoint';
@import '../../../assets/scss/colors';
@import '../../../assets/scss/breakpoints';
@import '../../../styles/colors';
@import '../../../styles/breakpoints';
.main-nav {
width: 100%;
......
@import '../../../assets/scss/colors';
@import '../../../styles/colors';
.container {
list-style: none;
......
......@@ -2,15 +2,18 @@ import { Component, EventEmitter, Input, Output } from "@angular/core";
@Component({
selector: "search",
styleUrls: ["./search.component.scss"],
templateUrl: "./search.component.html"
})
export class SearchComponent {
@Input() query = "";
@Input() secretsLength: number;
@Input()
query = "";
@Input()
secretsLength: number;
@Output() reset: EventEmitter<boolean>;
@Output() searchTerm: EventEmitter<string>;
@Output()
reset: EventEmitter<boolean>;
@Output()
searchTerm: EventEmitter<string>;
constructor() {
// this.query = "";
......
/* You can add global styles to this file, and also import other style files */
/* Hide disabled members of group form ng-select dropdown */
.disabled {
display: none;
}
@import 'node_modules/normalize-scss/sass/normalize';
@import '../node_modules/normalize-scss/sass/normalize';
@include normalize();
// apply a natural box layout model to all elements, but allowing components to change
......@@ -13,19 +13,19 @@ html {
font-family: inherit !important;
}
@import '../assets/scss/layouts';
@import '../assets/scss/utility';
@import './styles/layouts';
@import './styles/utility';
@import '../assets/scss/colors';
@import '../assets/scss/buttons';
@import '../assets/scss/fonts';
@import '../assets/scss/text';
@import '../assets/scss/inputs';
@import '../assets/scss/links';
@import '../assets/scss/headings';
@import '../assets/scss/icons';
@import '../assets/scss/tooltips';
@import '../assets/scss/select2';
@import './styles/colors';
@import './styles/buttons';
@import './styles/fonts';
@import './styles/text';
@import './styles/inputs';
@import './styles/links';
@import './styles/headings';
@import './styles/icons';
@import './styles/tooltips';
@import './styles/select2';
button,
input,
......
......@@ -3,7 +3,7 @@
font-style: normal;
font-weight: 700;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Bold.woff') format('woff');
src: url('./assets/fonts/Overpass-Bold.woff') format('woff');
}
/* Webfont: Overpass-BoldItalic */@font-face {
......@@ -11,7 +11,7 @@
font-style: italic;
font-weight: 700;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Bold-Italic.woff') format('woff');
src: url('./assets/fonts/Overpass-Bold-Italic.woff') format('woff');
}
/* Webfont: Overpass-Reg */@font-face {
......@@ -19,7 +19,7 @@
font-style: normal;
font-weight: 600;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Regular.woff') format('woff');
src: url('./assets/fonts/Overpass-Regular.woff') format('woff');
}
/* Webfont: Overpass-Italic */@font-face {
......@@ -27,7 +27,7 @@
font-style: italic;
font-weight: 600;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Italic.woff') format('woff');
src: url('./assets/fonts/Overpass-Italic.woff') format('woff');
}
/* Webfont: Overpass-Light */@font-face {
......@@ -35,7 +35,7 @@
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Light.woff') format('woff');
src: url('./assets/fonts/Overpass-Light.woff') format('woff');
}
/* Webfont: Overpass-LightItalic */@font-face {
......@@ -43,5 +43,5 @@
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
src: url('../assets/fonts/Overpass-Light-Italic.woff') format('woff');
src: url('./assets/fonts/Overpass-Light-Italic.woff') format('woff');
}
@import '~breakpoint-sass/stylesheets/breakpoint';
@import '../../assets/scss/breakpoints';
@import './breakpoints';
.heading-main {
margin: 0;
......
@import '../../assets/scss/colors';
@import './colors';
.form-field {
position: relative;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment