diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss index b57eef2b..d225b1b5 100644 --- a/src/components/flow/Cell/styles.scss +++ b/src/components/flow/Cell/styles.scss @@ -111,6 +111,8 @@ } .face { + @include outer_shadow(); + box-sizing: border-box; position: absolute; top: 0; diff --git a/src/components/node/NodeImageSlideBlock/styles.scss b/src/components/node/NodeImageSlideBlock/styles.scss index 2feef7be..4824443b 100644 --- a/src/components/node/NodeImageSlideBlock/styles.scss +++ b/src/components/node/NodeImageSlideBlock/styles.scss @@ -4,6 +4,7 @@ min-width: 0; width: 100%; transition: height 0.25s; + border-radius: $radius $radius 0 0; } .image_container { diff --git a/src/sprites/favicon.ico b/src/sprites/favicon.ico new file mode 100644 index 00000000..3059b281 Binary files /dev/null and b/src/sprites/favicon.ico differ diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 9c79d31a..6fc6b561 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -46,7 +46,7 @@ $button_bg_color: $red_gradient; $comment_bg: lighten($content_bg, 2%); $panel_bg: transparent; $node_bg: darken($content_bg, 2%); -$node_image_bg: darken($main_bg_color, 7%); +$node_image_bg: darken($main_bg_color, 4%); $node_title_background: darken($main_bg_color, 8%); $editor_bg: $content_bg; diff --git a/webpack.config.js b/webpack.config.js index 5c184b40..2dc6a614 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -11,7 +11,7 @@ const htmlPlugin = new HtmlWebPackPlugin({ filename: './index.html', title: 'VAULT', hash: false, - // favicon: 'src/sprites/favicon.png', + favicon: 'src/sprites/favicon.ico', }); const isDevelopment = process.env.NODE_ENV !== 'production'; @@ -22,7 +22,7 @@ const resolve = { 'react-dom': '@hot-loader/react-dom', '~': join(__dirname, 'src'), }, - extensions: ['*', '.ts', '.tsx', '.js', '.jsx', '.json', '.scss'] + extensions: ['*', '.ts', '.tsx', '.js', '.jsx', '.json', '.scss'], }; /* Configuration */ @@ -45,10 +45,7 @@ module.exports = () => { rules: [ { test: /\.css$/, - use: [ - { loader: 'style-loader' }, - { loader: 'css-loader' } - ], + use: [{ loader: 'style-loader' }, { loader: 'css-loader' }], }, { test: /\.less$/, @@ -62,11 +59,11 @@ module.exports = () => { modules: true, sourceMap: true, importLoaders: 2, - localIdentName: '[folder]__[local]__[hash:base64:5]' - } + localIdentName: '[folder]__[local]__[hash:base64:5]', + }, }, - { loader: 'less-loader' } - ] + { loader: 'less-loader' }, + ], }, { test: /\.scss$/, @@ -79,16 +76,16 @@ module.exports = () => { modules: true, sourceMap: true, importLoaders: 2, - localIdentName: '[folder]__[local]__[hash:base64:5]' - } + localIdentName: '[folder]__[local]__[hash:base64:5]', + }, }, { loader: 'resolve-url-loader' }, { loader: 'sass-loader', options: { sourceMap: true, - sourceMapContents: false - } + sourceMapContents: false, + }, }, { loader: 'sass-resources-loader', @@ -96,14 +93,14 @@ module.exports = () => { resources: ['src/styles/variables.scss'], }, }, - ] + ], }, { test: /\.(ts|tsx|js|jsx)$/, exclude: /node_modules/, use: { - loader: 'babel-loader' - } + loader: 'babel-loader', + }, }, { test: /\.(ts|tsx)?$/, loader: 'awesome-typescript-loader' }, { @@ -113,17 +110,17 @@ module.exports = () => { options: { name: '[name].[ext]', // outputPath: '/font' - } - } + }, + }, }, { test: /\.(png|svg)$/, use: { loader: 'file-loader', - options: {} - } - } - ] + options: {}, + }, + }, + ], }, devtool, resolve, @@ -151,18 +148,18 @@ module.exports = () => { minChunks: 2, minSize: 0, reuseExistingChunk: true, - } - } + }, + }, }, minimizer: [ new UglifyJsPlugin({ cache: true, parallel: true, - sourceMap: true // set to true if you want JS source maps + sourceMap: true, // set to true if you want JS source maps }), - new OptimizeCSSAssetsPlugin({}) + new OptimizeCSSAssetsPlugin({}), ], - occurrenceOrder: true // To keep filename consistent between different modes (for example building only) + occurrenceOrder: true, // To keep filename consistent between different modes (for example building only) }, devServer: { historyApiFallback: true, @@ -171,7 +168,6 @@ module.exports = () => { contentBase: 'dist', publicPath: '/', hot: true, - } + }, }; }; -