Add video category support

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

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 9c48b4627bd2adf4e72abd6c3eb1433f029ad2c8..994b1e2b9a341b62fabaea04e9b47f1e4e0fbac3 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,3 +1,5 @@
+@import '../../node_modules/video.js/dist/video-js.css';
+
 body {
   padding: 20px;
 
@@ -6,6 +8,72 @@ body {
   }
 }
 
+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;
+  }
+}
+
+.ng2-smart-table-container {
+  .ng2-smart-table {
+
+    thead tr {
+      border-top: 1px solid rgb(233, 235, 236)
+    }
+
+    td, th {
+      padding: 8px !important;
+      color: #333333 !important;
+      font-size: 14px !important;
+    }
+  }
+
+  .ng2-smart-pagination-nav .page-link {
+    font-size: 11px !important;
+  }
+}
+
+[hidden] {
+  display: none !important;
+}
+
+input.readonly {
+  /* Force blank on readonly inputs */
+  background-color: #fff !important;
+}
+
+.glyphicon-black {
+  color: black;
+}
+
 footer {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
   padding-top: 10px;