TheDesk Airi (ver.3)

LATEST.md

@@ -1,19 +1,19 @@
 ## For Astarte(kirishima.cloud), My Primary Instance
 
-TheDesk :thedesk: Airi (ver.2)  
-・UIをシンプルに洗練
-・TL「一番上へ」をTL種別アイコンと統合
-・デフォルトの絵文字に対応
-・バージョン1.xのインスタンスに暫定対応。
+TheDesk :thedesk: Airi (ver.3)  
+・デフォルトの絵文字に関するバグ修正
+・改行の描画に関するバグ修正
+・返信に関するバグ修正
+・通知を効率化
 https://thedesk.top
  :github: https://github.com/cutls/TheDesk #Desk #DeskUpdate
 
  ## For Vanilla Instances
 
  Windows/LinuxクライアントTheDesk Airi (ver.2)リリース
-・UIをシンプルに洗練
-・TL「一番上へ」をTL種別アイコンと統合
-・デフォルトの絵文字に対応
-・バージョン1.xのインスタンスに暫定対応。
+・デフォルトの絵文字に関するバグ修正
+・改行の描画に関するバグ修正
+・返信に関するバグ修正
+・通知を効率化
 TheDeskはマルチカラム，マルチアカウントはもちろんのこと，なにかとマストドンライフをシンプルに効率化するクライアントです。
 https://thedesk.top

app/css/master.css

@@ -181,6 +181,9 @@ blockquote:before, .quote:before {
       opacity: 1;
   }
 }
+.modal-overlay{
+  z-index:999 !important;
+}
 
 /*black theme*/
 .blacktheme body {

app/css/materialize.css

@@ -2,6 +2,7 @@
  * Materialize v0.100.2 (http://materializecss.com)
  * Copyright 2014-2017 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ * Modified by Cutls P(Airi (ver.3)-2018/03/14)
  */
 .materialize-red {
   background-color: #e51c23 !important;
@@ -4993,7 +4994,7 @@ small {
   }
 }
 
-.tabs {
+.custom-tabs {
   position: relative;
   overflow-x: auto;
   overflow-y: hidden;
@@ -5004,40 +5005,40 @@ small {
   white-space: nowrap;
 }
 
-.tabs.tabs-transparent {
+.custom-tabs.tabs-transparent {
   background-color: transparent;
 }
 
-.tabs.tabs-transparent .tab a,
-.tabs.tabs-transparent .tab.disabled a,
-.tabs.tabs-transparent .tab.disabled a:hover {
+.custom-tabs.tabs-transparent .custom-tab a,
+.custom-tabs.tabs-transparent .custom-tab.disabled a,
+.custom-tabs.tabs-transparent .custom-tab.disabled a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 
-.tabs.tabs-transparent .tab a:hover,
-.tabs.tabs-transparent .tab a.active {
+.custom-tabs.tabs-transparent .custom-tab a:hover,
+.custom-tabs.tabs-transparent .custom-tab a.active {
   color: #fff;
 }
 
-.tabs.tabs-transparent .indicator {
+.custom-tabs.tabs-transparent .indicator {
   background-color: #fff;
 }
 
-.tabs.tabs-fixed-width {
+.custom-tabs.tabs-fixed-width {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 
-.tabs.tabs-fixed-width .tab {
+.custom-tabs.tabs-fixed-width .tab {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
 }
 
-.tabs .tab {
+.custom-tabs .custom-tab {
   display: inline-block;
   text-align: center;
   line-height: 48px;
@@ -5047,7 +5048,7 @@ small {
   text-transform: uppercase;
 }
 
-.tabs .tab a {
+.custom-tabs .custom-tab a {
   color: rgba(238, 110, 115, 0.7);
   display: block;
   width: 100%;
@@ -5060,18 +5061,19 @@ small {
   transition: color .28s ease;
 }
 
-.tabs .tab a:hover, .tabs .tab a.active {
-  background-color: transparent;
+.custom-tabs .custom-tab a:hover, .custom-tabs .custom-tab a.active {
+  background-color: rgba(0, 0, 0, 0.5);
   color: #ee6e73;
+  cursor:pointer;
 }
 
-.tabs .tab.disabled a,
-.tabs .tab.disabled a:hover {
+.custom-tabs .custom-tab.disabled a,
+.custom-tabs .custom-tab.disabled a:hover {
   color: rgba(238, 110, 115, 0.7);
   cursor: default;
 }
 
-.tabs .indicator {
+.custom-tabs .indicator {
   position: absolute;
   bottom: 0;
   height: 2px;
@@ -5080,19 +5082,19 @@ small {
 }
 
 @media only screen and (max-width: 992px) {
-  .tabs {
+  .custom-tabs {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
   }
-  .tabs .tab {
+  .custom-tabs .custom-tab {
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
   }
-  .tabs .tab a {
+  .custom-tabs .custom-tab a {
     padding: 0 12px;
   }
 }
@@ -8309,10 +8311,19 @@ input[type=range]:focus::-ms-fill-upper {
   visibility: visible;
   -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
           animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
-  -webkit-transition: opacity .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
-  transition: opacity .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
-  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s;
-  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
+  -webkit-transition: opacity .3s,
+ visibility 0s 1s,
+ -webkit-transform .3s;
+  transition: opacity .3s,
+ visibility 0s 1s,
+ -webkit-transform .3s;
+  transition: opacity .3s,
+ transform .3s,
+ visibility 0s 1s;
+  transition: opacity .3s,
+ transform .3s,
+ visibility 0s 1s,
+ -webkit-transform .3s;
 }
 
 .tap-target {
@@ -8365,10 +8376,19 @@ input[type=range]:focus::-ms-fill-upper {
 
 .tap-target-wave::after {
   visibility: hidden;
-  -webkit-transition: opacity .3s,
 visibility 0s,
 -webkit-transform .3s;
-  transition: opacity .3s,
 visibility 0s,
 -webkit-transform .3s;
-  transition: opacity .3s,
 transform .3s,
 visibility 0s;
-  transition: opacity .3s,
 transform .3s,
 visibility 0s,
 -webkit-transform .3s;
+  -webkit-transition: opacity .3s,
+ visibility 0s,
+ -webkit-transform .3s;
+  transition: opacity .3s,
+ visibility 0s,
+ -webkit-transform .3s;
+  transition: opacity .3s,
+ transform .3s,
+ visibility 0s;
+  transition: opacity .3s,
+ transform .3s,
+ visibility 0s,
+ -webkit-transform .3s;
   z-index: -1;
 }
 

app/css/post.css

@@ -77,7 +77,10 @@
   color: white;
   padding: 3px;
 }
-
+.character-counter{
+  position: relative;
+  top: -25px;
+}
 
 /*mini*/
 .mini-post .mize{

app/css/tl.css

@@ -16,13 +16,13 @@
   flex-wrap:wrap;
 }
 #sidebar-top{
-  height:calc(100vh - 7em);
+  height:70vh;
   display:flex;
   flex-wrap:wrap;
   align-content:center;
 }
 #sidebar-btm{
-  height:7em;
+  height:9em;
   display:flex;
   flex-wrap:wrap;
   align-content:flex-end;
@@ -192,6 +192,9 @@ p {
   margin: 0;
   margin-bottom: 0px;
 }
+p:not(:last-child){
+  margin-bottom: 10px;
+}
 .shared {
   background-color: #cfd8dc;
 }

app/css/userdata.css

@@ -17,7 +17,7 @@
 }
 #his-data-show {
   margin: 50px;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: #e6ee9c;
   width: calc(100% - 50px);
   height: calc(100% - 50px);
   margin-bottom: 0;
@@ -30,8 +30,15 @@
 .my-data-width {
   width: 11.11%;
 }
+.active-back{
+  background-color:rgba(255, 255, 255, 0.3);
+}
+
 
 /*black theme*/
 .blacktheme #his-data-show {
   background-color: rgba(0, 0, 0, 0.8);
 }
+.blacktheme .active-back{
+  background-color:#757575;
+}