MM-1426 - Updating UI
Этот коммит содержится в:
@@ -5,7 +5,7 @@
|
|||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||||
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
|
||||||
<link rel="stylesheet" href="/static/css/styles.css">
|
<link rel="stylesheet" href="/static/css/styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="white error">
|
<body class="white error">
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ html, body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Lato', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
background: #e9e9e9;
|
background: #e9e9e9;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -30,6 +30,10 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
b, strong {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
@@ -146,7 +150,7 @@ div.theme {
|
|||||||
top: 0;
|
top: 0;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.info__label {
|
.info__label {
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
@@ -120,7 +120,7 @@
|
|||||||
}
|
}
|
||||||
.more-channel-name {
|
.more-channel-name {
|
||||||
color: #444;
|
color: #444;
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
}
|
}
|
||||||
tbody {
|
tbody {
|
||||||
|
|||||||
@@ -86,10 +86,11 @@ body.ios {
|
|||||||
background: #FFF;
|
background: #FFF;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
font-weight: 900;
|
font-weight: 700;
|
||||||
@include border-radius(50px);
|
@include border-radius(50px);
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.new-separator {
|
.new-separator {
|
||||||
@@ -212,6 +213,11 @@ body.ios {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.current--user {
|
||||||
|
.post-body {
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
}
|
||||||
&.same--root {
|
&.same--root {
|
||||||
.comment-icon__container {
|
.comment-icon__container {
|
||||||
@include opacity(0);
|
@include opacity(0);
|
||||||
@@ -269,7 +275,7 @@ body.ios {
|
|||||||
float: left;
|
float: left;
|
||||||
.post-profile-img {
|
.post-profile-img {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@include border-radius(3px);
|
@include border-radius(50px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.post__content {
|
&.post__content {
|
||||||
@@ -290,6 +296,8 @@ body.ios {
|
|||||||
width: 600px;
|
width: 600px;
|
||||||
float: left;
|
float: left;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
padding: 0.3em 0 0.1em;
|
||||||
|
margin: -0.3em 0 0;
|
||||||
.post-link {
|
.post-link {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -359,7 +367,7 @@ body.ios {
|
|||||||
.embed-title {
|
.embed-title {
|
||||||
margin: 3px 0 1px;
|
margin: 3px 0 1px;
|
||||||
color: #555;
|
color: #555;
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -22,11 +22,17 @@
|
|||||||
width: 825px;
|
width: 825px;
|
||||||
}
|
}
|
||||||
.post-body {
|
.post-body {
|
||||||
padding-left: 0;
|
|
||||||
border: none;
|
border: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.post-body {
|
||||||
|
float: none;
|
||||||
|
width: 750px;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
.post__content {
|
.post__content {
|
||||||
width: 920px;
|
width: 920px;
|
||||||
}
|
}
|
||||||
@@ -63,10 +69,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.post-body {
|
|
||||||
float: none;
|
|
||||||
width: 750px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -89,6 +91,7 @@
|
|||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
border-left: 4px solid #EEE;
|
border-left: 4px solid #EEE;
|
||||||
|
margin-bottom: 10px;
|
||||||
div.post-profile-img__container {
|
div.post-profile-img__container {
|
||||||
.post-profile-img {
|
.post-profile-img {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -98,7 +101,6 @@
|
|||||||
width: 825px;
|
width: 825px;
|
||||||
}
|
}
|
||||||
.post-body {
|
.post-body {
|
||||||
padding-left: 0;
|
|
||||||
border: none;
|
border: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
@@ -135,6 +137,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.post-body {
|
.post-body {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
float: none;
|
float: none;
|
||||||
width: 750px;
|
width: 750px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -77,7 +77,7 @@
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.search-channel__name {
|
.search-channel__name {
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-edit {
|
.section-edit {
|
||||||
@@ -172,7 +172,7 @@
|
|||||||
border-top:1px solid lightgrey;
|
border-top:1px solid lightgrey;
|
||||||
}
|
}
|
||||||
.post-profile-img {
|
.post-profile-img {
|
||||||
@include border-radius(3px);
|
@include border-radius(50px);
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
.member-name {
|
.member-name {
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
color: #999;
|
color: #999;
|
||||||
&.unread-title {
|
&.unread-title {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: bold;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background: #e6f2fa;
|
background: #e6f2fa;
|
||||||
@@ -70,6 +70,7 @@
|
|||||||
color: #111;
|
color: #111;
|
||||||
background-color: #e1e1e1;
|
background-color: #e1e1e1;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
<link id="favicon" rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
|
<link id="favicon" rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
|
||||||
<link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
|
||||||
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
|
||||||
<link rel="stylesheet" href="/static/css/styles.css">
|
<link rel="stylesheet" href="/static/css/styles.css">
|
||||||
|
|
||||||
<script src="/static/js/min/perfect-scrollbar.min.js"></script>
|
<script src="/static/js/min/perfect-scrollbar.min.js"></script>
|
||||||
|
|||||||
Ссылка в новой задаче
Block a user