Moving public directory away:

Moving `public/images` dir to `assets/images`, because it conflicts with gitlab CI/CD for documentation. Moving `assets/styles.css` to `assets/styles/styles.css`. Related to #117.
2023-02-14 10:19:55 +01:00
parent 68aa95338e
commit 42c21ead94
21 changed files with 10 additions and 9 deletions
--- a/assets/styles/style.scss
+++ b/assets/styles/style.scss
@ -0,0 +1,152 @@
+#peertube-plugin-livechat-container {
+  display: flex;
+  flex-direction: column;
+}
+
+#plugin-placeholder-player-next #peertube-plugin-livechat-container {
+  height: 100%;
+}
+
+.peertube-plugin-livechat-buttons {
+  align-items: center;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-end;
+}
+
+.peertube-plugin-livechat-button {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  height: 36px !important;
+  margin: 5px !important;
+  padding: 2px !important;
+
+  svg {
+    height: auto; // override .peertube-button-link
+  }
+}
+
+.peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button {
+  height: 18px !important;
+  margin: 2px !important;
+  padding: 1px !important;
+}
+
+[peertube-plugin-livechat-state="initializing"] {
+  display: none;
+}
+
+[peertube-plugin-livechat-state="open"] .peertube-plugin-livechat-button-open {
+  display: none;
+}
+
+[peertube-plugin-livechat-state="closed"] .peertube-plugin-livechat-button-close {
+  display: none;
+}
+
+[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state="open"]) {
+  .peertube-plugin-livechat-multi-button-main {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+    margin-right: 0 !important;
+  }
+
+  .peertube-plugin-livechat-multi-button-secondary {
+    border-radius: 0 !important;
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+    border-left: 1px solid currentColor;
+  }
+
+  .peertube-plugin-livechat-multi-button-last-secondary {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    margin-left: 0 !important;
+    border-left: 1px solid currentColor;
+  }
+}
+
+#peertube-plugin-livechat-container iframe {
+  border: 1px solid black;
+  min-height: 30vh;
+  height: 100%;
+}
+
+.peertube-plugin-livechat-warning {
+  color: orange;
+}
+
+.peertube-plugin-livechat-error {
+  color: red;
+}
+
+table.peertube-plugin-livechat-prosody-list-rooms {
+  border: 1px solid black;
+  margin: 5px 0;
+}
+
+table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) {
+  background-color: #eee;
+}
+
+table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) {
+  background-color: #fff;
+}
+
+table.peertube-plugin-livechat-prosody-list-rooms th {
+  background-color: var(--mainHoverColor);
+  border: 1px solid black;
+  color: var(--mainBackgroundColor);
+  padding: 4px 5px;
+}
+
+table.peertube-plugin-livechat-prosody-list-rooms td {
+  border: 1px solid #555;
+  color: black;
+  padding: 4px 5px;
+}
+
+.peertube-plugin-livechat-shareurl-modal {
+  & > * {
+    margin-top: 30px;
+  }
+
+  .livechat-shareurl-copy {
+    display: flex;
+    flex-wrap: wrap;
+
+    button {
+      white-space: nowrap;
+    }
+
+    input {
+      flex-grow: 2;
+      width: auto !important; // must cancel the width: 100% of form-control
+    }
+  }
+
+  .livechat-shareurl-custom {
+    input[type="checkbox"] {
+      margin-right: 20px;
+    }
+
+    label {
+      display: block;
+    }
+
+    .livechat-shareurl-custom-readonly-options {
+      margin-left: 40px;
+
+      & > * {
+        display: block;
+      }
+
+      &.livechat-shareurl-custom-readonly-disabled {
+        label {
+          color: var(--gray-dark);
+        }
+      }
+    }
+  }
+}