mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
UX: Move links from gutter to below posts
This commit is contained in:
@@ -47,25 +47,6 @@ h1 .topic-statuses .topic-status i {
|
||||
}
|
||||
}
|
||||
|
||||
.topic-post {
|
||||
.gutter {
|
||||
.reply-new {
|
||||
.discourse-no-touch & {
|
||||
opacity:0;
|
||||
transition: opacity 0.7s ease-in-out;
|
||||
}
|
||||
.discourse-touch & {opacity: 1;}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .gutter, .selected .gutter {
|
||||
.reply-new,
|
||||
.track-link {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section.post-menu-area {
|
||||
position: relative;
|
||||
}
|
||||
@@ -637,51 +618,6 @@ blockquote {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.gutter {
|
||||
margin-top: 13px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
z-index: 1;
|
||||
padding-left: 757px;
|
||||
|
||||
ul {margin: 0;}
|
||||
li {margin-bottom: 10px;}
|
||||
i {font-size: 0.857em;}
|
||||
|
||||
.reply-new {
|
||||
padding-left: 27px;
|
||||
display: inline-block;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.track-link {
|
||||
padding-left: 10px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.post-links {
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
line-height: 18px;
|
||||
word-wrap: break-word;
|
||||
a i {
|
||||
position: relative;
|
||||
margin-right: 7px;
|
||||
margin-top: -2px;
|
||||
margin-left: -17px;
|
||||
}
|
||||
|
||||
a.toggle-more {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// variables are used to calculate the width of .gap
|
||||
$topic-body-width: 690px;
|
||||
$topic-body-width-padding: 11px;
|
||||
@@ -925,17 +861,17 @@ a.attachment:before {
|
||||
}
|
||||
|
||||
.private_message .gutter, .deleted-topic .gutter,.read_restricted .gutter {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.deleted-topic .gutter:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 767px;
|
||||
color: rgba(dark-light-diff($primary, $secondary, 90%, -65%) , .8);
|
||||
font: 6.429em/1 FontAwesome;
|
||||
content: "\f014";
|
||||
z-index: -5;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 767px;
|
||||
color: rgba(dark-light-diff($primary, $secondary, 90%, -65%) , .8);
|
||||
font: 6.429em/1 FontAwesome;
|
||||
content: "\f014";
|
||||
z-index: -5;
|
||||
}
|
||||
|
||||
.topic-meta-data {
|
||||
@@ -1003,7 +939,7 @@ and (max-width : 870px) {
|
||||
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.topic-avatar {
|
||||
width: 45px;
|
||||
|
||||
Reference in New Issue
Block a user