Unverified Commit 74f90dc4 authored by Roland Denis's avatar Roland Denis
Browse files

Fixing tweet style.

- fixing links size (the clic zone was huge)
- hashtag are now clickable
- adding refresh icon (but refresh is not implemented)
- fixing vertical bar in tweet header
- adding comma on top of the frame
parent 42fffb93
Pipeline #3243 passed with stages
in 15 seconds
......@@ -146,7 +146,7 @@ a:hover{
line-height: 10px;
}
.link {
#header .link {
padding-top: 120px;
}
......@@ -370,7 +370,7 @@ a:hover{
.twitter {
background-color: #00396e;
width: 85%;
max-width: 1192px;
line-height: 34px;
padding-bottom: 90px;
}
......@@ -401,9 +401,18 @@ a:hover{
font-size: 13px;
font-weight: 700;
color: #3fc5dc;
border-right: 1px solid #00284d;
}
.twitter a.share {
.twitter li:last-child {
border-right: none;
}
.twitter li img {
padding-right: 5px;
}
.twitter .share a {
padding: 16px;
font-family: 'Roboto', serif;
font-size: 13px;
......@@ -411,6 +420,17 @@ a:hover{
color: #3fc5dc;
}
.twitter .hashtag a {
font-family: 'Roboto', serif;
font-size: 13px;
font-weight: 700;
}
.twitter .comma img {
position: absolute;
top: 0px;
}
.story {
margin-top: 114px;
margin-bottom: 100px;
......
......@@ -117,14 +117,15 @@
</div>
<div class="container-fluid mt-4 px-0 twitter" style="display:none">
<img src="{{SITEURL}}/theme/img/twitter_comma.png" class="comma" />
<div class="container pb-4">
<a id="twitter-share" class="share d-flex flex-row-reverse p-4" href="#">Partager</a>
<span class="share d-flex flex-row-reverse p-4"><a id="twitter-share" href="#">Partager</a></span>
<h1 class="pt-4">GroupeCalcul@twitter</h1>
<ul class="list-inline">
<li id="twitter-date" class="list-inline-item border-right border-dark m-0 py-2 px-1">Date</li>
<li id="twitter-hashtag" class="list-inline-item m-0 px-1">#hashtag</li>
<li class="list-inline-item border-left border-dark m-0 py-2 px-1"> Rafraîchir </li>
<li id="twitter-date" class="list-inline-item m-0 px-1">Date</li>
<li id="twitter-hashtag" class="hashtag list-inline-item m-0 px-1">#hashtag</li>
<li class="list-inline-item m-0 px-1"> <img src="{{SITEURL}}/theme/img/twitter_refresh.png" />Rafraîchir</li>
</ul>
<div class="container px-0">
......@@ -158,7 +159,7 @@
jQuery('#twitter-share').attr('href', twitter_find('a.timeline-ShareMenu-option').attr('href'));
jQuery('#twitter-hashtag').html('');
twitter_find('a.hashtag').each(function () {
jQuery('#twitter-hashtag').append($(this).text() + ' ');
jQuery('#twitter-hashtag').append('<a href="' + $(this).attr('href') + '" target="_blank">' + $(this).text() + '</a> ');
});
jQuery('div.twitter').show();
}
......
Supports Markdown
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