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