Minor styling improvements to the file sharing tab

2018-07-30 16:33:06 +02:00
parent 6042d305ac
commit fbe509b930
11 changed files with 130 additions and 56 deletions
@@ -0,0 +1,61 @@
+[data-component='FileSharing'] {
+  > .sharing-toolbar {
+    > .share-file {
+      cursor: pointer;
+      width: 100%;
+      background: #252525;
+      border: 1px solid #151515;
+      padding: 1rem;
+      border-bottom: 5px solid #151515;
+      border-radius: 3px 3px 0 0;
+    }
+  }
+
+  > .shared-files {
+    > .file-entry {
+      background-color: rgba(0,0,0,0.1);
+      border-radius: 5px;
+      width: 100%;
+      padding: 0.5rem;
+      display: flex;
+      margin-top: 0.5rem;
+      
+      > .file-avatar {
+				height: 2rem;
+				border-radius: 50%;
+      }
+
+      > .file-content {
+        flex-grow: 1;
+        padding-left: 0.5rem;
+
+        > p:not(:first-child) {
+          margin-top: 0.5rem;
+        }
+
+        > .file-info {
+          display: flex;
+          padding-top: 0.5rem;
+          align-items: center;
+          
+          > .button {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            background: #252525;
+            border: 1px solid #151515;
+            padding: 0.3rem;
+            border-bottom: 5px solid #151515;
+            border-radius: 3px 3px 0 0;
+          }
+
+          > p {
+            flex-grow: 1;
+            padding-left: 0.5rem;
+          }
+        }
+      }
+    }
+  }
+}