Client: move video watch modals in their own component

[github/Chocobozzz/PeerTube.git] / client / src / sass / application.scss

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 5c56e9507a8ebf9d17b9a9323e0971b8d79ae306..cdb4865577c4262d86236de4ac96150440ab7c2e 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,5 +1,58 @@
+@import '../video.js/dist/video-js.css';
+
 body {
   padding: 20px;
+
+  @media screen and (max-width: 400px) {
+    padding: 3px;
+  }
+}
+
+menu {
+  @media screen and (max-width: 600px) {
+    margin-right: 3px !important;
+    padding: 3px !important;
+    min-height: 400px !important;
+  }
+
+  min-height: 600px;
+  margin-right: 20px;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+
+  .panel-block:not(:last-child) {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  .panel-button {
+    margin: 8px;
+    cursor: pointer;
+    transition: margin 0.2s;
+
+    &:hover {
+      margin-left: 15px;
+    }
+
+    a {
+      color: #333333;
+    }
+  }
+
+  .glyphicon {
+    margin: 5px;
+  }
+}
+
+.table-column-id {
+  width: 200px;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+input.readonly {
+  /* Force blank on readonly inputs */
+  background-color: #fff !important;
 }
 
 footer {