TheDesk Mio (ver.1 beta)

cutls · May 2, 2018 · e4414f6 · e4414f6
1 parent 7caed2d
commit e4414f6
Show file tree

Hide file tree

Showing 45 changed files with 596 additions and 1,317 deletions.
diff --git a/app/css/post.css b/app/css/post.css
@@ -6,18 +6,18 @@
   background-color: white;
   border: thin solid gray;
   z-index: 500;
-  width: 350px;
-  min-width:350px;
+  width: 300px;
+  min-width:300px;
   max-width:100%;
   padding: 5px;
 }
 .cancel {
-  position: absolute;
-  top: 3px;
-  right: 3px;
   font-size: 0.5rem;
   color: gray;
   cursor: pointer;
+  position: absolute;
+  width: 60px;
+  right: 0px;
 }
 .more-show {
   display: none;

diff --git a/app/css/tl.css b/app/css/tl.css
@@ -19,10 +19,11 @@
   flex-wrap:wrap;
 }
 #sidebar-top{
-  height:70vh;
+  height:calc(100vh - 100px);
   display:flex;
   flex-wrap:wrap;
-  align-content:center;
+  align-content:flex-start;
+  overflow-y:scroll;
 }
 #sidebar-btm{
   height:9em;
@@ -50,7 +51,7 @@
   font-size:12px;
   vertical-align: 0.6rem;
 }
-#sidebar #side-dead{
+#sidebar .side-dead{
   height:30px;
 }
 
@@ -81,7 +82,7 @@ iframe {
 }
 .user{
   cursor:text;
-  font-size:1.2em;
+  font-size:1.2rem;
 }
 .emojione,.emoji-img{
   width: 20px;
@@ -106,7 +107,7 @@ iframe {
   width: 100%;
   display: grid;
   grid-template-columns: 43px 2fr 1fr;
-  grid-template-areas: 'notice notice notice' 'icon display_name acct' 'icon toot toot' 'icon additional additional' 'actions actions date_via';
+  grid-template-areas: 'notice notice notice' 'icon display_name acct' 'icon toot toot' 'vis additional additional' 'actions actions actions';
 }
 
 .area-notice {
@@ -161,6 +162,11 @@ grid-area: toot;
 margin:2px;
 grid-area: actions;
 }
+.area-vis {
+  margin:2px;
+  font-size:0.5rem !important;
+  grid-area: vis;
+  }
 
 .action i{
 font-size:1rem;
@@ -199,6 +205,7 @@ font-size:1rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  height:calc(0.8em + 8px);
 }
 p {
   margin: 0;
@@ -307,6 +314,9 @@ p:not(:last-child){
   color: black;
   cursor: text;
 }
+.type-b{
+  display:none;
+}
 
 /*black theme*/
 .blacktheme .notf-box,.blacktheme .modal-footer,.blacktheme #sidebar {