Commit a5af8e9b authored by Asaad Mahmood's avatar Asaad Mahmood Committed by Harrison Healey

Minor bug fixes (#84)

* PLT-7749 - Fixing word wrap in list elements

* PLT-7673 - Refractoring code for post header

* PLT-7680 - Fixing focus outline for button
parent 716f3d7d
......@@ -595,7 +595,7 @@ export default class Navbar extends React.Component {
aria-expanded='true'
>
<span className='heading'><StatusIcon status={this.getTeammateStatus()}/>{channelTitle} </span>
<span className='fa fa-chevron-down header-dropdown__icon'/>
<span className='fa fa-angle-down header-dropdown__icon'/>
</a>
<ul
className='dropdown-menu'
......
......@@ -130,11 +130,12 @@
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.header-dropdown__icon {
margin-left: 0;
top: -1px;
top: 2px;
}
.dropdown-toggle {
......
......@@ -829,8 +829,11 @@
}
.post__header {
display: block;
height: 22px;
margin-bottom: 0;
padding: 0;
width: auto;
}
.post__body {
......@@ -943,10 +946,6 @@
.post--edited {
// If the last paragraph of an edited post is a paragraph, make it inline-block so that the (edited) indicator can be on the same line as it
.post-message__text {
word-break: break-all;
}
.post-message__text > p:last-child {
display: inline-block;
width: auto;
......@@ -1120,8 +1119,12 @@
}
.post__header {
display: flex;
margin-bottom: 2px;
padding: 0;
padding: 0 50px 0 0;
white-space: nowrap;
width: 100%;
> div {
display: inline-block;
......@@ -1131,13 +1134,15 @@
.col__name {
font-weight: 600;
margin-right: 7px;
overflow: hidden;
text-overflow: ellipsis;
.user-popover {
@include clearfix;
max-width: 200px;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
width: 100%;
}
.colon {
......@@ -1200,9 +1205,9 @@
img {
@include border-radius(50px);
height: 32px;
max-width: none;
vertical-align: inherit;
width: 32px;
max-width:none;
}
}
......
......@@ -77,8 +77,14 @@
.post__header {
.col__name {
flex: 10;
.user-popover {
max-width: 120px;
width: 100%;
}
+ .col {
flex: auto;
}
}
......
......@@ -223,7 +223,7 @@
.col__name {
font-weight: bold;
margin-right: 2px;
padding-right: 5px;
padding-right: 10px;
position: relative;
z-index: 1;
}
......
......@@ -17,6 +17,7 @@
color: inherit;
font-size: 28px;
font-weight: normal;
overflow: hidden;
right: 35px;
top: 35px;
}
......
Markdown is supported
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