Skip to content
Snippets Groups Projects
Commit 24c211f5 authored by Igor Biki's avatar Igor Biki
Browse files

ISTWCMS-4618: Manual merge.

parents cae42765 ffc9ce9b
No related branches found
No related tags found
1 merge request!39adding css to allow remote video to scale the width of the container its in
......@@ -4363,6 +4363,7 @@ details.details {
}
.uw-facebook {
display: grid;
padding: 1rem 0;
width: 100%;
}
......@@ -4382,7 +4383,7 @@ details.details {
.uw-facebook .fb-post,
.uw-facebook .fb-page {
background: url("../source/images/icons/facebook_logo.png") no-repeat;
background-position: center center;
background-position: 50% 25%;
min-height: 340px;
text-align: center;
width: 100%;
......@@ -5675,6 +5676,14 @@ fieldset .fieldset-wrapper .webform-container-inline .fieldset-invisible,
display: none;
}
.uw-google-maps > iframe {
width: 100%;
}
.js .uw-google-maps__message {
display: none;
}
.hero-bg-image {
background-position: 50% 50%;
background-size: cover;
......@@ -7794,21 +7803,37 @@ fieldset .fieldset-wrapper .webform-container-inline .fieldset-invisible,
}
.uw-remote-video {
height: 0;
margin-bottom: 2rem;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
position: relative;
width: 100%;
}
.uw-remote-video__video {
text-align: center;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.uw-remote-video__video iframe {
margin-left: auto;
margin-right: auto;
.uw-remote-video__video .media-oembed-content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.uw-remote-video__view {
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 100%;
width: 100%;
}
.uw-remote-video__view a {
font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
font-size: 1rem;
text-decoration: underline;
}
.uw-remote-video__view a:hover {
......
.uw-remote-video {
height: 0;
margin-bottom:2rem;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
position: relative;
width: 100%;
&__video {
text-align: center;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
.media-oembed-content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
iframe {
margin-left: auto;
margin-right: auto;
}
}
&__view {
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
text-align:center;
top:100%;
width:100%;
a {
font-family: gesso-font-family(systemmedium);
font-size:rem(gesso-font-size(0));
text-decoration: underline;
&:hover {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment