VulpesOS/assets/webapps/music.gaiamobile.org/components/gaia-sub-header/gaia-sub-header.js
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

92 lines
No EOL
2 KiB
JavaScript

;;;;;(function(define){'use strict';define(function(require,exports,module){var component=require('gaia-component');module.exports=component.register('gaia-sub-header',{created:function(){this.setupShadowRoot();},template:`
<div class="inner">
<div class="line"></div>
<div class="text"><content></content></div>
</div>
<style>
:host {
display: block;
margin: 20px 17px 0 17px;
background: var(--background);
}
.inner {
position: relative;
text-align: center;
height: 20px;
}
.line {
position: absolute;
left: 0;
top: 50%;
display: block;
height: 2px;
width: 100%;
margin-top: -1px;
background:
var(--border-color,
var(--background-plus));
}
.text {
position: relative;
display: inline-block;
padding: 0 14px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
background: var(--background);
color:
var(--title-color,
var(--text-color));
}
a,
button {
position: relative;
display: block;
-moz-padding-end: 16px;
font: inherit;
cursor: pointer;
color:
var(--highlight-color);
}
/**
* :active
*/
a:active,
button:active {
opacity: 0.5;
}
a:after,
button:after {
content: " ";
position: absolute;
top: 6px;
right: 0px;
width: 0px;
height: 0px;
border-bottom: 8px solid;
-moz-border-end: 8px solid transparent;
border-bottom-color:
var(--highlight-color,
var(--color-zeta))
}
</style>`});});})((function(n,w){'use strict';return typeof define=='function'&&define.amd?define:typeof module=='object'?function(c){c(require,exports,module);}:function(c){var m={exports:{}},r=function(n){return w[n];};w[n]=c(r,m.exports,m)||m.exports;};})('gaia-sub-header',this));