gCubeSystem
/
news-feed
16
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

responsivness completed 

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/user/news-feed@128488 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Massimiliano Assante 2016-05-06 08:57:28 +00:00
parent c42d710840
commit ee1bd74bb5
1 changed files with 15 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/main/webapp/NewsFeed.css
View File

@ -1,4 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Architects+Daughter); @import url(https://fonts.googleapis.com/css?family=Architects+Daughter)
;
/** /**
*Media queries for phones at the bottom pf this page *Media queries for phones at the bottom pf this page
* *
@ -8,7 +9,6 @@ table {
border-spacing: 0; border-spacing: 0;
} }
.result-hashtag { .result-hashtag {
color: #555; color: #555;
font-size: 20px; font-size: 20px;
@ -51,7 +51,6 @@ table {
/* this is very important when usere paste long links*/ /* this is very important when usere paste long links*/
} }
div#comment-inputContainer textarea.post-comment { div#comment-inputContainer textarea.post-comment {
padding: 4px 2px; padding: 4px 2px;
color: #999; color: #999;
@ -139,7 +138,7 @@ div#comment-inputContainer textarea.post-comment.comment-dark-color {
.feed-filters { .feed-filters {
margin-top: -5px; margin-top: -5px;
width: 90%; width: 600px
} }
.feed-filters ul { .feed-filters ul {
@ -185,7 +184,6 @@ div#comment-inputContainer textarea.post-comment.comment-dark-color {
background-image: none; background-image: none;
} }
.feed-filters li.feed-breadcrumb { .feed-filters li.feed-breadcrumb {
background-image: url("images/arrow-right.png"); background-image: url("images/arrow-right.png");
} }
@ -391,7 +389,7 @@ div>table.single-comment, .single-comment {
white-space: nowrap; white-space: nowrap;
} }
a.seemore, .seemore:hover { a.seemore, .seemore:hover {
font-size: 9px; font-size: 9px;
cursor: pointer; cursor: pointer;
cursor: hand; cursor: hand;
@ -407,7 +405,6 @@ a.seemore, .seemore:hover {
cursor: hand; cursor: hand;
} }
a.person-link { a.person-link {
font-size: 16x; font-size: 16x;
} }
@ -467,7 +464,6 @@ a.person-link {
color: #666; color: #666;
} }
/* TABLES */ /* TABLES */
.div-table-400 { .div-table-400 {
display: table; display: table;
@ -552,77 +548,68 @@ a.person-link {
} }
/* For phones*/ /* For phones*/
@media screen and (max-width: 520px) { @media screen and (max-width: 520px) {
#comment-highlighterContainer { #comment-highlighterContainer {
width: 260px; width: 260px;
} }
.comment-highlighter { .comment-highlighter {
width: 230px; width: 230px;
} }
div#comment-inputContainer textarea.post-comment { div#comment-inputContainer textarea.post-comment {
width: 230px; width: 230px;
} }
.link-preview { .link-preview {
width: 260px; width: 260px;
} }
div.attachment-preview-container { div.attachment-preview-container {
width: 300px; width: 300px;
} }
.linkpreview-desc, .linkpreview-url, .linkpreview-image { .linkpreview-desc, .linkpreview-url, .linkpreview-image {
display: none; display: none;
} }
.new-feeds-show { .new-feeds-show {
width: 260px; width: 260px;
} }
.div-table { .div-table {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
margin-left: -15px; margin-left: -15px;
} }
.tweet-actions { .tweet-actions {
width: 280px; width: 270px;
}
.feed-filters {
width: 260px;
} }
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.link-preview { .link-preview {
width: 260px; width: 260px;
} }
div.attachment-preview-container { div.attachment-preview-container {
width: 300px; width: 300px;
} }
.new-feeds-show { .new-feeds-show {
width: 260px; width: 260px;
} }
.linkpreview-desc, .linkpreview-url, .linkpreview-image { .linkpreview-desc, .linkpreview-url, .linkpreview-image {
display: none; display: none;
} }
.div-table-col { .div-table-col {
display: block; display: block;
padding-left: 10px; padding-left: 10px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.div-table { .div-table {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
margin-left: -10px; margin-left: -10px;
} }
.tweet-actions { .tweet-actions {
width: 280px; width: 280px;
} }
.feed-filters {
width: 300px;
}
} }