Шаблон Synio

application/frontend/skin/synio/assets/js/init.js

@@ -377,8 +377,8 @@ jQuery(document).ready(function($){
             cancel_photo: aRouter.settings + 'ajax-crop-cancel-photo'
         },
         changeavatar: function ( event, _this, avatars ) {
-            $( '.js-user-profile-avatar, .js-wall-entry[data-user-id=' + _this.option( 'params.user_id' ) + '] .comment-avatar img' ).attr( 'src', avatars[ '64crop' ] + '?' + Math.random() );
-            $( '.nav-item--userbar-username img' ).attr( 'src', avatars[ '24crop' ] + '?' + Math.random() );
+            $( '.js-user-profile-avatar, .js-wall-entry[data-user-id=' + _this.option( 'params.target_id' ) + '] .ls-comment-avatar img' ).attr( 'src', avatars[ '64crop' ] + '?' + Math.random() );
+            $( '.ls-userbar-user-nav-avatar' ).attr( 'src', avatars[ '48crop' ] + '?' + Math.random() );
         }
     });
 

application/frontend/skin/synio/components/comment/css/comments-toolbar.css

@@ -1,25 +1,28 @@
 /**
  * Кнопка обновления комментариев
- *
- * @template toolbar.comment.tpl
  */
 
-.ls-toolbar-item--comments .ls-toolbar-comments-count {
-    border-top: 1px solid #eee;
-    padding: 10px 0;
-    color: #333;
-    text-align: center;
-    font-size: 11px;
+.ls-toolbar-item.ls-toolbar-item--comments {
+    padding: 8px;
+    width: 25px;
+}
+.comments-toolbar-update {
+    display: block;
+    width: 25px;
+    height: 25px;
     cursor: pointer;
+    background: url(../images/update.gif) no-repeat;
 }
-
-.ls-toolbar-comments-update i {
-    -webkit-transition: -webkit-transform 1s;
-    transition: transform 1s;
+.comments-toolbar-update.active {
+    background-position: -25px 0;
 }
-
-.ls-toolbar-comments-update.active i {
-    -ms-transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
+.comments-toolbar-count {
+    display: block;
+    padding: 5px 0 3px;
+    font-size: 11px;
+    color: #51983c;
+    text-align: center;
+    text-decoration: none;
+    width: 25px;
+    cursor: pointer;
 }

application/frontend/skin/synio/components/comment/toolbar.comment.tpl

@@ -3,20 +3,12 @@
  * Кнопка обновления комментариев
  *}
 
-{component_define_params params=[ 'mods', 'classes', 'attributes' ]}
+{capture toolbar_comments}
+    <i class="comments-toolbar-update js-toolbar-comments-update" title="{lang 'comments.update'}"></i>
+    <div class="comments-toolbar-count js-toolbar-comments-count" title="{lang 'comments.count_new'}"></div>
+{/capture}
 
-{component 'toolbar' template='item'
-    classes = "{$classes} js-comments-toolbar"
-    mods = 'comments'
-    buttons = [
-        [
-            classes => 'ls-toolbar-comments-update js-toolbar-comments-update',
-            attributes => [ 'title' => {lang 'comments.update'} ],
-            icon => 'refresh'
-        ],
-        [
-            classes => 'js-toolbar-comments-count',
-            attributes => [ 'title' => {lang 'comments.count_new'} ],
-            text => '0'
-        ]
-    ]}
+{component 'toolbar.item'
+    html=$smarty.capture.toolbar_comments
+    classes='js-comments-toolbar'
+    mods='comments'}

application/frontend/skin/synio/components/modal/css/modal.css

@@ -55,9 +55,49 @@
 
 /* Табы */
 .ls-modal .ls-tabs.ls-modal-tabs .ls-tab-list {
-    padding: 15px;
+    padding: 20px 30px 0;
+}
+
+/* Навигация */
+.ls-modal .ls-tabs:not(:last-child) {
+    margin-bottom: 10px;
+}
+.ls-modal .ls-tab-list {
     margin-bottom: 0;
-    border-bottom: 1px solid #eee;
+    border: none;
+    font-size: 11px;
+    position: relative;
+}
+.ls-modal .ls-tab-pane-content {
+    padding: 30px;
+}
+.ls-modal .ls-tab-list .ls-tab {
+    margin-right: 10px;
+}
+.ls-modal .ls-tab-list .ls-tab .ls-tab-inner {
+    border: 1px solid transparent;
+    line-height: 13px;
+    border-radius: 5px;
+    padding: 3px 6px 4px;
+    display: block;
+    color: #727a90;
+    text-decoration: none;
+}
+
+/* Hover */
+.ls-modal .ls-tab-list .ls-tab .ls-tab-inner:hover,
+.ls-modal .ls-tab-list .ls-tab:hover .ls-tab-inner {
+    color: #333;
+}
+
+/* Active */
+.ls-modal .ls-tab-list .ls-tab.active .ls-tab-inner {
+    color: #628fa5;
+    border-color: #ebf0f4;
+    text-decoration: none;
+}
+.ls-modal .ls-tab-list .ls-tab.active .ls-tab-inner:hover {
+    color: #333;
 }
 
 

application/frontend/skin/synio/components/modal/modal.tpl

@@ -36,9 +36,11 @@
 
     {* Содержимое *}
     {block 'modal_body'}
-        <div class="{$component}-body">
-            {block 'modal_content'}{$content}{/block}
-        </div>
+        {if ! $tabs}
+            <div class="{$component}-body">
+                {block 'modal_content'}{$content}{/block}
+            </div>
+        {/if}
     {/block}
 
     {* Tabs *}

application/frontend/skin/synio/components/topic/css/topic.css

@@ -10,14 +10,9 @@
 /**
  * Основные стили
  */
-.ls-topic {
-    overflow: hidden;
-    zoom: 1;
+.ls-topic:not(:last-child) {
     margin-bottom: 50px;
 }
-.ls-topic:last-child {
-    margin-bottom: 0;
-}
 
 
 /**
@@ -160,6 +155,8 @@
     margin: 0;
     padding: 0;
     float: right;
+    position: relative;
+    top: -1px;
 }
 
 /**

application/frontend/skin/synio/components/user/css/user-list-small.css

@@ -59,4 +59,15 @@
     display: block;
     text-overflow: ellipsis;
     text-align: left;
+}
+
+/* Selectable */
+.user-list-small--selectable .user-list-small-item {
+    position: relative;
+    padding-left: 30px;
+}
+.user-list-small--selectable .user-list-small-item input[type="checkbox"] {
+    position: absolute;
+    top: 16px;
+    left: 10px;
 }