summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/twitter.scss
diff options
context:
space:
mode:
authorluca-marie <ml.kochsiek@fu-berlin.de>2016-09-01 12:17:05 +0200
committerluca-marie <ml.kochsiek@fu-berlin.de>2016-09-01 14:19:14 +0200
commit92e7b90d619111fdaaf50ab0b8538c39605fe005 (patch)
tree8c72966a52302ea688574ef2476b3a959e4c576e /app/assets/stylesheets/twitter.scss
parentea3fc6ffbb8f90aff28ce56fe4432a8d3ff18caa (diff)
Updating the view and CSS, no pic and twitter handle in each tweet;
Displaying only 3 most tweets
Diffstat (limited to 'app/assets/stylesheets/twitter.scss')
-rw-r--r--app/assets/stylesheets/twitter.scss74
1 files changed, 36 insertions, 38 deletions
diff --git a/app/assets/stylesheets/twitter.scss b/app/assets/stylesheets/twitter.scss
index b0ce982..89cdecf 100644
--- a/app/assets/stylesheets/twitter.scss
+++ b/app/assets/stylesheets/twitter.scss
@@ -5,30 +5,14 @@
.twitter_header {
font-size: 20px;
text-align: left;
- margin-bottom: 30px;
+ margin-bottom: 80px;
}
-.twitter_list {
- box-sizing: border-box;
-}
-
-.tweet:hover {
- background-color: #ccf2ff;
- }
-
-.tweet {
- border-bottom-style: solid;
- border-color: #bfbfbf;
- padding: 10px 8px;
-}
-
-.tweet_title {
- position: relative;
- height: 40px;
- margin-bottom: 10px;
+.twitter_id {
+ position: absolute;
}
-.tweet_pic {
+.twitter_pic {
display: block;
width: 40px;
height: 40px;
@@ -38,12 +22,39 @@
top: 0;
}
-.tweet_name {
- padding-left: 50px;
+.twitter_image_frame {
+ width: 40px;
+ height: 40px;
+ overflow: hidden;
+ }
+
+.twitter_name {
+ padding-left: 65px;
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+ font-size: 20px;
+}
+
+.twitter_image_frame > img {
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ margin: auto;
+ }
+
+.twitter_list {
+ box-sizing: border-box;
+}
+
+.tweet {
+ border-top-style: solid;
+ border-color: lightgrey;
+ padding: 10px 8px;
}
.tweet_text {
@@ -55,22 +66,9 @@ box-sizing: border-box;
padding-top: 4px;
font-size: 12px ;
}
+
.twitter_footer {
+ border-top-style: solid;
+ border-color: lightgrey;
padding-top: 8px;
}
-
-.twitter_image_frame {
- width: 40px;
- height: 40px;
- overflow: hidden;
-}
-
-.twitter_image_frame > img {
- display: block;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- margin: auto;
-}