Mirrors
/
movim
mirror of https://github.com/movim/movim
3
0
Fork 0
Code Releases Activity
Browse Source

UI bump, more border-radius, more space

pull/863/head
Timothée Jaussoin 6 years ago
parent
5f663d3aa8
commit
6fa7305d1d
13 changed files with 32 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      app/widgets/Chats/Chats.php
  2. 1
      app/widgets/Chats/_chats_item.tpl
  3. 5
      app/widgets/Drawer/drawer.css
  4. 1
      app/widgets/Menu/Menu.php
  5. 3
      app/widgets/Menu/menu.css
  6. 16
      app/widgets/Post/_post_card.tpl
  7. 6
      app/widgets/PublishBrief/_publishbrief_embed_default.tpl
  8. 2
      app/widgets/Stickers/_stickers.tpl
  9. 1
      public/theme/css/block.css
  10. 2
      public/theme/css/card.css
  11. 8
      public/theme/css/form.css
  12. 4
      public/theme/css/listn.css
  13. 2
      public/theme/css/style.css

1
app/widgets/Chats/Chats.php
View File

@ -16,6 +16,7 @@ class Chats extends Base
$this->addjs('chats.js');
$this->registerEvent('invitation', 'onMessage');
$this->registerEvent('receiptack', 'onMessage', 'chat');
$this->registerEvent('displayed', 'onMessage', 'chat');
$this->registerEvent('carbons', 'onMessage');
$this->registerEvent('message', 'onMessage');
$this->registerEvent('presence', 'onPresence', 'chat');

1
app/widgets/Chats/_chats_item.tpl
View File

@ -42,6 +42,7 @@
{elseif="$message->delivered"}
<span class="material-icons">check</span>
{/if}
&nbsp;
{/if}
{$message->published|strtotime|prepareDate:true,true}
</span>

5
app/widgets/Drawer/drawer.css
View File

@ -1,7 +1,6 @@
.drawer {
position: fixed;
z-index: 3;
bottom: 0;
left: 0;
width: 100%;
@ -21,7 +20,7 @@
}
.drawer + .drawer_close.button.color i {
font-size: 4rem;
font-size: 3.5rem;
line-height: 5.5rem;
}
@ -59,7 +58,7 @@
@media screen and (min-width: 570px) {
.drawer {
border-radius: 0.5rem 0.5rem 0 0;
border-radius: 0.75rem 0.75rem 0 0;
width: 70rem;
left: calc(50% - 35rem);
}

1
app/widgets/Menu/Menu.php
View File

@ -15,6 +15,7 @@ class Menu extends Base
$this->registerEvent('pubsub_postdelete', 'onRetract', 'news');
$this->addjs('menu.js');
$this->addcss('menu.css');
}
public function onRetract($packet)

3
app/widgets/Menu/menu.css
View File

@ -0,0 +1,3 @@
#menu_refresh {
margin: 0.5rem 0;
}

16
app/widgets/Post/_post_card.tpl
View File

@ -153,12 +153,12 @@
{$liked = $post->isLiked()}
{if="$liked"}
<a class="button icon flat red" href="{$c->route('post', [$post->server, $post->node, $post->nodeid])}">
<a class="button narrow icon flat red" href="{$c->route('post', [$post->server, $post->node, $post->nodeid])}">
{$post->likes->count()}
<i class="material-icons">favorite</i>
</a>
{else}
<a class="button icon flat gray" href="#"
<a class="button narrow icon flat gray" href="#"
onclick="this.classList.add('disabled'); PostActions_ajaxLike('{$post->server}', '{$post->node}', '{$post->nodeid}')">
{$post->likes->count()}
{if="$liked"}
@ -168,7 +168,7 @@
{/if}
</a>
{/if}
<a class="button icon flat gray" href="{$c->route('post', [$post->server, $post->node, $post->nodeid])}">
<a class="button narrow icon flat gray" href="{$c->route('post', [$post->server, $post->node, $post->nodeid])}">
{$post->comments->count()}
<i class="material-icons">chat_bubble_outline</i>
</a>
@ -176,20 +176,20 @@
{if="!$public"}
<a
title="{$c->__('button.share')}"
class="button icon flat gray"
class="button narrow icon flat gray"
onclick="SendTo_ajaxSendSearch('{$post->getRef()}')"
href="#">
<i class="material-icons">send</i>
</a>
{if="$post->openlink"}
<a title="{$c->__('post.public_url')}"
class="button icon flat gray on_desktop oppose"
class="button narrow icon flat gray on_desktop oppose"
target="_blank"
href="{$post->openlink->href}">
<i class="material-icons">wifi_tethering</i>
</a>
{else}
<a class="button icon flat gray on_desktop oppose"
<a class="button narrow icon flat gray on_desktop oppose"
title="{$c->__('post.public_no')}">
<i class="material-icons">lock</i>
</a>
@ -198,13 +198,13 @@
{if="$post->isMine()"}
{if="$post->isEditable()"}
<a class="button icon flat oppose gray on_desktop"
<a class="button narrow icon flat oppose gray on_desktop"
href="{$c->route('publish', [$post->server, $post->node, $post->nodeid])}"
title="{$c->__('button.edit')}">
<i class="material-icons">edit</i>
</a>
{/if}
<a class="button icon flat oppose gray on_desktop"
<a class="button narrow icon flat oppose gray on_desktop"
href="#"
onclick="PostActions_ajaxDelete('{$post->server}', '{$post->node}', '{$post->nodeid}')"
title="{$c->__('button.delete')}">

6
app/widgets/PublishBrief/_publishbrief_embed_default.tpl
View File

@ -1,12 +1,12 @@
<a
class="button flat icon gray"
class="button narrow flat icon gray"
title="{$c->__('publishbrief.add_snap')}"
href="#"
onclick="Snap.init()">
<i class="material-icons">camera_alt</i>
</a>
<a
class="button flat icon gray"
class="button narrow flat icon gray"
title="{$c->__('publishbrief.add_link')}"
href="#"
onclick="PublishBrief_ajaxLink()">
@ -14,7 +14,7 @@
</a>
{if="$c->getUser()->hasUpload()"}
<a
class="button flat icon gray"
class="button narrow flat icon gray"
href="#"
title="{$c->__('publishbrief.attach')}"
onclick="Upload_ajaxRequest()">

2
app/widgets/Stickers/_stickers.tpl
View File

@ -7,6 +7,8 @@
</li>
{/if}
{/loop}
</ul>
<ul class="list">
<li class="block large">
<span class="primary icon gray">
<i class="material-icons">person</i>

1
public/theme/css/block.css
View File

@ -8,6 +8,7 @@ ul.flex li.block {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 0.65rem;
}
.flex .block:not(.subheader) {

2
public/theme/css/card.css
View File

@ -2,7 +2,7 @@
.card > .block:not(.subheader):not(.simple) {
animation: fadein 0.3s;
border-radius: 0.5rem;
border-radius: 0.65rem;
border: 1px solid;
overflow: hidden;
margin-bottom: 1rem;

8
public/theme/css/form.css
View File

@ -313,14 +313,18 @@ input[type=button] {
line-height: 4.5rem;
height: 4.5rem;
margin: 0.75rem 0.5rem;
border-radius: 0.25rem;
padding: 0 1rem;
border-radius: 0.5rem;
padding: 0 1.5rem;
border: 0;
transition: background 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.5);
background-image: none;
}
.button.narrow {
padding: 0 1rem;
}
@media screen and (max-width: 1024px) {
.button,
input[type=button] {

4
public/theme/css/listn.css
View File

@ -307,7 +307,7 @@ ul.tabs > li {
opacity: 0.6;
height: 6rem;
box-sizing: border-box;
border-radius: 0.5rem 0.5rem 0 0;
border-radius: 0.75rem 0.75rem 0 0;
}
ul.tabs > li > * {
@ -471,7 +471,7 @@ ul.list.middle li.separator:not(.subheader):not(.date) {
/* Menu */
ul.context_menu {
border-radius: 0.5rem;
border-radius: 0.75rem;
overflow: hidden;
position: absolute;
top: 0;

2
public/theme/css/style.css
View File

@ -256,7 +256,7 @@ main > div:first-child:nth-last-child(2) + div {
border-top-style: solid;
border-bottom-width: 0;
border-top-color: transparent;
border-radius: 0 0 0.5rem 0.5rem;
border-radius: 0 0 0.75rem 0.75rem;
}
.drawer.actions > div:last-child ul.tabs li.active {

Write Preview
Loading…
Cancel
Save