git ssb

10+

Matt McKegg / patchwork



Commit 149c021b55e9957ad4d75789d066cf9794507064

Browse Files

Merge branch 'message-ui-tweaks' of https://github.com/olizilla/patchwork into olizilla-message-ui-tweaks

Matt McKegg committed on 4/23/2017, 8:07:51 PM
Parent: ffb7bedc3c585728df51f065d1d5d2f2d826319e
Parent: c99630ba531d862b38a3a4e85b19b203f19d47d8

Files changed

plugs/message/html/meta/likes.jschanged
styles/feed-event.mcsschanged
styles/message.mcsschanged
plugs/message/html/meta/likes.jsView
@@ -16,9 +16,9 @@
1616 … function likeCount (likes) {
1717 … if (likes.length) {
1818 … return [' ', h('span.likes', {
1919 … title: names(likes)
20- }, ['+', h('strong', `${likes.length}`)])]
20 …+ }, [`${likes.length} ${likes.length === 1 ? 'like' : 'likes'}`])]
2121 … }
2222 … }
2323 …
2424 … function names (ids) {
styles/feed-event.mcssView
@@ -1,11 +1,12 @@
11 … FeedEvent {
22 … display: flex
33 … flex-direction: column
44 … background: white
5 …+ box-shadow: 0 2px 4px rgba(0,0,0,0.1)
56 … max-width: 700px
67 … width: 100%
7- margin: 10px auto
8 …+ margin: 25px auto
89 …
910 … -new {
1011 … box-shadow: 0px 0px 2px #ffc800;
1112 … background: #fffdf7;
@@ -17,13 +18,12 @@
1718 …
1819 … a.full {
1920 … display: block;
2021 … padding: 10px;
21- background: #daecd6;
22 …+ background: f3fafd;
2223 … border-top: 1px solid #bbc9d2;
2324 … border-bottom: 1px solid #bbc9d2;
2425 … text-align: center;
25- color: #759053;
2626 … }
2727 …
2828 … div.replies {
2929 … font-size: 100%
@@ -36,7 +36,11 @@
3636 … }
3737 …
3838 … div.meta {
3939 … font-size: 100%
40- padding: 10px
40 …+ padding: 10px 20px
41 …+ opacity: 0.4
42 …+ :hover {
43 …+ opacity: 0.8
44 …+ }
4145 … }
4246 … }
styles/message.mcssView
@@ -1,12 +1,11 @@
11 … Message {
22 … display: flex
33 … flex-direction: column
4- box-shadow: #dadada 1px 2px 8px
5- border: 1px solid #f5f5f5
64 … background: white
75 … position: relative
8- font-size: 130%
6 …+ font-size: 120%
7 …+ line-height: 1.4
98 … flex-shrink: 0
109 …
1110 … (highlight) {
1211 … background-color: yellow
@@ -50,12 +49,18 @@
5049 …
5150 … -reply {
5251 … font-size: 120%
5352 … header {
53 …+ div.meta {
54 …+ a.channel {
55 …+ display: none;
56 …+ }
57 …+ }
5458 … div.main {
5559 … a.avatar {
5660 … img {
57- width: 35px
61 …+ width: 40px
62 …+ height: 40px
5863 … }
5964 … }
6065 … }
6166 … }
@@ -65,10 +70,9 @@
6570 … border-color: #ffe794
6671 … }
6772 …
6873 … header {
69- margin: 15px 15px
70- margin-bottom: 5px;
74 …+ margin: 15px 20px 0
7175 … display: flex
7276 …
7377 … div.mini {
7478 … flex: 1
@@ -80,14 +84,14 @@
8084 …
8185 … a.avatar {
8286 … img {
8387 … width: 50px
88 …+ height: 50px
8489 … }
8590 … }
8691 …
8792 … div.main {
8893 … div.name {
89- font-size: 120%
9094 … a {
9195 … color: #444
9296 … font-weight: bold
9397 … }
@@ -99,8 +103,12 @@
99103 … }
100104 … }
101105 …
102106 … div.meta {
107 …+ display: flex;
108 …+ flex-direction: column-reverse;
109 …+ align-items: flex-end;
110 …+ justify-content: flex-end;
103111 …
104112 … span.flag {
105113 … width: 12px
106114 … height: 12px
@@ -127,20 +135,14 @@
127135 … padding: 4px
128136 … }
129137 …
130138 … a.channel {
131- display: inline-block
132- padding: 4px
139 …+ font-weight: bold;
133140 … }
134141 …
135142 … span.likes {
136- color: #ffffff;
137- background: linear-gradient(45deg, #859c88, #87d47d);
138- padding: 5px 8px;
139- border-radius: 10px;
140- display: inline-block;
141- vertical-align: top;
142- margin: -2px 0;
143 …+ color: #286bc3;
144 …+ font-size:90%;
143145 … }
144146 …
145147 … span.private {
146148 … display: inline-block;
@@ -176,9 +178,10 @@
176178 … }
177179 … }
178180 …
179181 … section {
180- margin: 0 15px
182 …+ margin: 0
183 …+ padding: 0 20px
181184 … (img) {
182185 … max-width: 100%
183186 … }
184187 … }
@@ -200,27 +203,21 @@
200203 … }
201204 … }
202205 …
203206 … footer {
204- margin: 10px 10px;
205- border-top: 1px solid #eee;
206- padding-top: 10px;
207- margin-top: 5px;
208- padding-left: 5px;
207 …+ margin: 5px 0 20px;
208 …+ padding: 0 20px
209209 …
210210 … div.actions {
211211 … a {
212- margin-right: 10px;
213- color: #9a9a9a;
214- font-weight: bold;
215- padding: 5px
216-
212 …+ opacity: 0.4
217213 … :hover {
218- background: #cbeeff;
219- color: #3b7ba2;
214 …+ opacity: 1
220215 … text-decoration: none;
221- border-color: #8eafc1;
222216 … }
223217 … }
218 …+ a + a {
219 …+ margin-left: 25px;
220 …+ }
224221 … }
225222 … }
226223 … }

Built with git-ssb-web