Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
V
vf-core-mirror
Manage
Activity
Members
Code
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Package Registry
Container Registry
Operate
Environments
Terraform modules
Analyze
Contributor analytics
CI/CD analytics
Repository analytics
Insights
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Terms and privacy
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
embl.org
vf-core-mirror
Commits
04d4f269
Commit
04d4f269
authored
5 years ago
by
Ken Hawkins
Browse files
Options
Downloads
Patches
Plain Diff
Forgot to remove some boilerplate copy-paste
parent
1c7b4f82
No related branches found
Branches containing commit
No related tags found
Tags containing commit
No related merge requests found
Pipeline
#19306
passed with stage
in 2 minutes and 22 seconds
Changes
2
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
components/vf-masthead/README.md
+1
-1
1 addition, 1 deletion
components/vf-masthead/README.md
components/vf-masthead/vf-masthead.js
+0
-35
0 additions, 35 deletions
components/vf-masthead/vf-masthead.js
with
1 addition
and
36 deletions
components/vf-masthead/README.md
+
1
−
1
View file @
04d4f269
...
...
@@ -64,7 +64,7 @@ When using a background image we have to determine the best text colour to meet
We do this using JavaScript and the background image filename.
In creating the background images for mastheads each image filename needs to have it's most dominate colour added as a hex
i
decimal code.
In creating the background images for mastheads each image filename needs to have it's most dominate colour added as a hex
a
decimal code.
```
bash
masthead-background-image--00EF00.png
...
...
This diff is collapsed.
Click to expand it.
components/vf-masthead/vf-masthead.js
+
0
−
35
View file @
04d4f269
// vf-masthead
/*
* A note on the Visual Framework and JavaScript:
* The VF is primairly a CSS framework so we've included only a minimal amount
* of JS in components and it's fully optional (just remove the JavaScript selectors
* i.e. `data-vf-js-tabs`). So if you'd rather use Angular or Bootstrap for your
* tabs, the Visual Framework won't get in the way.
*
* When querying the DOM for elements that should be acted on:
* 🚫 Don't: const tabs = document.querySelectorAll('.vf-tabs');
* ✅ Do: const tabs = document.querySelectorAll('[data-vf-js-tabs]');
*
* This allows users who would prefer not to have this JS engange on an element
* to drop `data-vf-js-component` and still maintain CSS styling.
*/
// Uncomment this boilerplate
// // if you need to import any other components' JS to use here
// import { vfOthercomponent } from 'vf-other-component/vf-other-component';
//
// function vfcomponentName(firstPassedVar) {
// firstPassedVar = firstPassedVar || 'defaultVal';
//
// }
//
// // If you need to invoke the component by default
// vfcomponentName();
//
// // By default your component should be usable with js imports
// export { vfcomponentName };
//
// // You should also import it at ./components/vf-core/scripts.js
// // import { vfcomponentName } from '../components/raw/vf-component/vf-component.js';
// // vfcomponentName();
// // And, if needed, invoke it
// The background image for the banner element are taken from the database.
// The filename includes the hex code for the background colour of the image.
// Then test if the 6 characters are a hex code and declare the background-color
/**
* Function for making background color of banner from image file name
* @example vfMastheadSetStyle()
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment