Skip to content

Commit

Permalink
⬆: Bump bulma to 0.9.2
Browse files Browse the repository at this point in the history
  • Loading branch information
manusa committed Feb 25, 2021
1 parent 3cb24fe commit 8354ca0
Show file tree
Hide file tree
Showing 3 changed files with 29 additions and 8 deletions.
12 changes: 6 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@
"dependencies": {
"@fortawesome/fontawesome-free": "^5.15.1",
"axios": "^0.21.1",
"bulma": "^0.9.1",
"bulma": "^0.9.2",
"chrome-tabs": "^5.4.0",
"dictionary-ca": "^2.1.1",
"dictionary-ca-valencia": "^2.3.0",
Expand Down
23 changes: 22 additions & 1 deletion src/chrome-tabs/browser-chrome-tabs.js
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,27 @@ const NotificationIcon = ({disableNotifications = false}) => disableNotification
</div>
`;

const BackgroundSvgGeometryLeft = ({...props}) => html`
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214 36" ...${props}>
<path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z"/>
<clipPath id="crop"><rect class="mask" width="100%" height="100%" x="0"></rect></clipPath>
</svg>
`;

const BackgroundSvg = () => html`
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<svg width="52%" height="100%">
<${BackgroundSvgGeometryLeft} width="214" height="36" class="chrome-tab-geometry" />
</svg>
<g transform="scale(-1, 1)">
<svg width="52%" height="100%" x="-100%" y="0">
<${BackgroundSvgGeometryLeft} width="214" height="36" class="chrome-tab-geometry" />
</svg>
</g>
</svg>
`;


const Tab = ({dispatch, numberOfTabs, idx, id, active, offsetX = 0, title, url, width, ...rest}) => {
const tabClick = () => {
if (active !== true) {
Expand Down Expand Up @@ -185,7 +206,7 @@ const Tab = ({dispatch, numberOfTabs, idx, id, active, offsetX = 0, title, url,
<div class="chrome-tab" ...${props}>
<div class="chrome-tab-dividers"></div>
<div class="chrome-tab-background">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><symbol id="chrome-tab-geometry-left" viewBox="0 0 214 36"><path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z"/></symbol><symbol id="chrome-tab-geometry-right" viewBox="0 0 214 36"><use xlink:href="#chrome-tab-geometry-left"/></symbol><clipPath id="crop"><rect class="mask" width="100%" height="100%" x="0"/></clipPath></defs><svg width="52%" height="100%"><use xlink:href="#chrome-tab-geometry-left" width="214" height="36" class="chrome-tab-geometry"/></svg><g transform="scale(-1, 1)"><svg width="52%" height="100%" x="-100%" y="0"><use xlink:href="#chrome-tab-geometry-right" width="214" height="36" class="chrome-tab-geometry"/></svg></g></svg>
<${BackgroundSvg} />
</div>
<div class="chrome-tab-content">
<${Favicon} ...${rest}/>
Expand Down

0 comments on commit 8354ca0

Please sign in to comment.