mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-10-24 02:04:04 +08:00
James Taylor
6cf034ef6f
- Split the Galaxy components of the styleguide into multiple documents to make things more manageable and get a better table of contents. Add some additional examples for masthead and panels. - Use flexbox for layout of panels and masthead. This eliminates a lot of absolute positioning from the panels and allows the masthead and panel headers to layour correctly regardles of height. - Unify the set of gray levels we are using (to those from Bootstrap 4) - Add some additional SCSS variables and (small amount of) general cleanup to styles.
60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
let path = require("path");
|
|
let glob = require("glob");
|
|
|
|
let webpackConfig = require("./webpack.config.js");
|
|
|
|
// We don't use webpack for our sass files in the main app, but use it here
|
|
// so we get rebuilds
|
|
webpackConfig.module.rules.push({
|
|
test: /\.scss$/,
|
|
use: [
|
|
{
|
|
loader: "style-loader"
|
|
},
|
|
{
|
|
loader: "css-loader",
|
|
options: {
|
|
alias: {
|
|
"../images": path.resolve(__dirname, "../static/images"),
|
|
".": path.resolve(__dirname, "../static/style/blue")
|
|
}
|
|
}
|
|
},
|
|
{
|
|
loader: "sass-loader",
|
|
options: {
|
|
sourceMap: true
|
|
}
|
|
}
|
|
]
|
|
});
|
|
|
|
webpackConfig.module.rules.push({ test: /\.(png|jpg|gif|eot|ttf|woff|woff2|svg)$/, use: ["file-loader"] });
|
|
|
|
sections = []
|
|
|
|
glob("./galaxy/docs/galaxy-*.md", (err, files) => {
|
|
files.forEach( file => {
|
|
name = file.match( /galaxy-(\w+).md/ )[1]
|
|
sections.push({ name: "Galaxy " + name, content: file })
|
|
});
|
|
}),
|
|
|
|
sections.push( ...[
|
|
{
|
|
name: "Basic Bootstrap Styles",
|
|
content: "./galaxy/docs/bootstrap.md"
|
|
},
|
|
// This will require additional configuration
|
|
// {
|
|
// name: 'Components',
|
|
// components: './galaxy/scripts/components/*.vue'
|
|
// }
|
|
])
|
|
|
|
module.exports = {
|
|
webpackConfig,
|
|
sections,
|
|
require: ["./galaxy/style/scss/base.scss"]
|
|
};
|