icon-collection | Azure & Microsoft SVG Icon Collection | Animation library

Electron is just a runtime for your web app.

Take a look at Vue.js's event model.

https://vuejs.org/v2/guide/events.html https://vuejs.org/v2/guide/components-custom-events.html

Also, check out component guide https://ru.vuejs.org/v2/guide/components.html

In your case

is just a class added for the purpose of styling, not a parent component.

It is not a parent component it is a child component of component. And it may contain absolutely anything inside.

And this.$emit('add-bookmark'); method triggers an event listener (if any) of a component which would have as a child.

For example

Figured out the issue here.

So the minified version of the CSS was a folder level above the unminified version and was pulling from an outdated set of fonts in a folder at its level. The unminfied version was pulling from updated fonts that were placed in a folder at its level.

Hope someone sees this in the future and it saves them a bunch of time that went into solving a pretty dumb issue :)

1. first you have to right click on the footer and click inspect
2. then you will see all the css applied to that particular element, select the parent element
3. check if bottom padding is applied to body or footer element
4. if you dont find bottom padding for footer or body element or other parent class of footer specify bottom padding in negative. (eg -5px)

note: you dont need to modify the css directly for testing purpose you can change and check the effect in debugging tool itself (f12 shortcut for debugging tool)

it should be something like: (element name) { padding-bottom:-30px); }

also check for bottom margin if padding does not work.