Commit 7f58af2c authored by Laurent Sittler's avatar Laurent Sittler ©
Browse files

Ghost v4 compatible

parent 6d65b5be
......@@ -6,17 +6,16 @@ stages:
- build
- deploy
cache:
key: ${CI_COMMIT_REF_SLUG}
paths:
- node_modules/
- .npm/
install:
stage: .pre
script:
- npm i
artifacts:
paths:
- node_modules/
expire_in: 30min
cache:
paths:
- node_modules/
test:
stage: test
......
......@@ -603,7 +603,7 @@ body {
}
.ms-Fabric {
color: var(--black)!important;
color: var(--black) !important;
}
.fluentPage {
......@@ -3280,6 +3280,7 @@ footer.extended .megaMenu-section .menu-item {
}
@media screen and (max-width: 639px) {
.authorPage-profile .canvasZone.authorPage-pane .authorPage-profileBio,
.authorPage-profile .canvasZone.authorPage-pane .authorPage-profileInfo {
text-align: left;
......@@ -3399,6 +3400,30 @@ footer.extended .megaMenu-section .menu-item {
position: relative !important;
}
.kg-embed-card.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
width: 90%;
}
.kg-embed-card.video-responsive>iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute !important;
bottom: 0;
right: 0;
}
@media screen and (max-width: 639px) {
.kg-embed-card.video-responsive {
width: 100%;
}
}
.fluid-width-video-wrapper {
position: relative;
overflow: hidden;
......
......@@ -164,6 +164,18 @@ fluentui.content = (function () {
}
}
/**
* Make the videos responsives
*/
function fitVideos() {
var videos = document.querySelectorAll('iframe[src*="youtube.com"], iframe[src*="player.vimeo.com"]');
if (videos) {
for (var i = 0; i < videos.length; i++) {
videos[i].parentElement.className = videos[i].parentElement.className + ' video-responsive';
}
}
}
/**
* Specified HTML Element has CSS class name
* @param {HTMLElement} el HTML Element to toggle CSS Class
......@@ -187,6 +199,7 @@ fluentui.content = (function () {
}, 100);
headerAnchors();
externalLinks();
fitVideos();
}
};
})();
......
{
"name": "fluent-ui",
"description": "A Ghost Theme based on Microsoft Fluent UI Framework and Microsoft SharePoint design",
"version": "0.1.3",
"version": "0.1.4",
"engines": {
"ghost": ">=3.0.0",
"ghost-api": "v4"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment