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 { ...@@ -298,6 +298,12 @@ table.gsc-search-box td.gsc-input {
//== Featured Story //== Featured Story
.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) { @media (min-width: @screen-md-min) {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -305,25 +311,26 @@ table.gsc-search-box td.gsc-input { ...@@ -305,25 +311,26 @@ table.gsc-search-box td.gsc-input {
background: transparent; background: transparent;
padding: 100px 80px 0 200px; padding: 100px 80px 0 200px;
height: 100%; height: 100%;
} &:before {
&:before { content:"";
content:""; display:block;
display:block; background-color: @brand-primary;
background-color: @brand-primary; background: linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%);
background: linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%); background: -moz-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%);
background: -webkit-linear-gradient(45deg, @brand-primary 52%, @brand-secondary 100%); z-index:1;
z-index:1; @media (min-width: @screen-md-min) {
@media (min-width: @screen-md-min) { position: absolute;
position: absolute; right: 0;
right: 0; top:0;
top:0; width: 450px;
width: 450px; height: 800px;
height: 800px; padding: 120px 100px 0;
padding: 120px 100px 0; border-radius: 375px 0 0 523px;
border-radius: 375px 0 0 523px; }
} }
} }
.container { .container {
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
...@@ -363,6 +370,15 @@ table.gsc-search-box td.gsc-input { ...@@ -363,6 +370,15 @@ table.gsc-search-box td.gsc-input {
width: 260px; width: 260px;
text-align:left; 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