Fixed avatar offset issue

CHANGELOG.md

@@ -1,4 +1,4 @@
-v2.0.1 (2024-01-12):
+v2.0.1 (2024-01-13):
 
 * 活動頁面的視覺調整
 * 設定頁面的視覺優化

README.md

@@ -15,10 +15,6 @@ With simple design, create a style that is compatible with English and Chinese v
 To install TW-Style, just download .zip and unpack it to your Redmine's public/themes folder.
 Then go to Redmine > Administration > Settings > Display and select TW-Style from the list and save the changes.
 
-## Notice
-
-If you allow avatars or have installed avatar-related plugins, please remember to check the checkbox in Administration > Settings > Display > 「Use Gravatar user icons」
-
 ## How to replace Logo for your Redmine
 
 1. Find 'Website LOGO' in the application.css

stylesheets/application.css

@@ -3,7 +3,7 @@
  *
  * Author: Tomy Shen ([email protected])
  * Website: https://redmine-tw.net
- * @2024-01-12
+ * @2024-01-13
  * @license https://opensource.org/license/mit/
  *
  */
@@ -297,7 +297,8 @@ div.agile-board.autoscroll { background-color: whitesmoke; }
 #sidebar a.dashboard.selected { line-height: 1.7em; padding: 3px 12px 4px 11px; background-color: #C8C8C8; border-radius: 18px; }
 a.dashboard { line-height: 1.7em; padding: 3px 12px 4px 11px; margin-left: -2px; }
 /* Plugin local_avatars */
-body.avatars-on div.journal { padding-left: 32px; }
+body.avatars-on div.journal h4 img.gravatar { margin-left: -32px; }
+body.avatars-off div.journal h4 img.gravatar { margin-left: 0px; }
 img.gravatar, div.gravatar-with-child > img.gravatar:nth-child(2) { 
     border-radius: 160px; -moz-border-radius: 160px; -webkit-border-radius: 160px;
 }