Commit c46bd28c authored by Eric Poirier's avatar Eric Poirier
Browse files

Fix the featured story for mobile


Signed-off-by: Eric Poirier's avatarEric Poirier <eric.poirier@eclipse-foundation.org>
parent 10aedf16
<p class="text-center"><img class="footer-ef-logo" alt="Eclipse Foundation Logo" src="images/logo/eclipse-foundation.svg"></p>
\ No newline at end of file
<script id="event-short-list" type="text/html">
{{ readFile ("/js/templates/event-list-format.mustache") | safeHTML}}
</script>
<script id="news-home-template" type="text/html">
{{ readFile ("/js/templates/news-home.mustache") | safeHTML}}
</script>
<script>
(function($, document) {
// Eclipse News and events
$("#news-list-container").eclipseFdnApi({
type: "newsItems"
});
$("#event-list-container").eclipseFdnApi({
type: "filteredEvents"
});
})(jQuery, document);
</script>
\ No newline at end of file
......@@ -298,6 +298,12 @@ table.gsc-search-box td.gsc-input {
//== Featured Story
.featured-story {
@media (max-width: @screen-sm-max) {
background-color: @brand-primary;
background: linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -moz-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -webkit-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
}
@media (min-width: @screen-md-min) {
position: absolute;
top: 0;
......@@ -305,25 +311,26 @@ table.gsc-search-box td.gsc-input {
background: transparent;
padding: 100px 80px 0 200px;
height: 100%;
}
&:before {
content:"";
display:block;
background-color: @brand-primary;
background: linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -moz-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -webkit-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
z-index:1;
@media (min-width: @screen-md-min) {
position: absolute;
right: 0;
top:0;
width: 450px;
height: 800px;
padding: 120px 100px 0;
border-radius: 375px 0 0 523px;
&:before {
content:"";
display:block;
background-color: @brand-primary;
background: linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -moz-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: -webkit-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
z-index:1;
@media (min-width: @screen-md-min) {
position: absolute;
right: 0;
top:0;
width: 450px;
height: 800px;
padding: 120px 100px 0;
border-radius: 375px 0 0 523px;
}
}
}
.container {
@media (min-width: @screen-md-min) {
......@@ -363,6 +370,15 @@ table.gsc-search-box td.gsc-input {
width: 260px;
text-align:left;
}
@media (max-width: @screen-sm-max) {
margin-bottom:30px;
}
}
.jumbotron-custom-social-icons-right {
@media (max-width: @screen-sm-max) {
display:none;
}
}
}
......
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