reorganize stylesheet directory structure

2017-02-09 11:26:49 -05:00
parent abe532afcf
commit 6c374bd0c0
7 changed files with 4 additions and 5 deletions
--- a/app/assets/stylesheets/main/bbb.scss
+++ b/app/assets/stylesheets/main/bbb.scss
@ -0,0 +1,15 @@
+// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+//
+// Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
+//
+// This program is free software; you can redistribute it and/or modify it under the
+// terms of the GNU Lesser General Public License as published by the Free Software
+// Foundation; either version 3.0 of the License, or (at your option) any later
+// version.
+//
+// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public License along
+// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
--- a/app/assets/stylesheets/main/landing.scss
+++ b/app/assets/stylesheets/main/landing.scss
@ -0,0 +1,92 @@
+// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+//
+// Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
+//
+// This program is free software; you can redistribute it and/or modify it under the
+// terms of the GNU Lesser General Public License as published by the Free Software
+// Foundation; either version 3.0 of the License, or (at your option) any later
+// version.
+//
+// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public License along
+// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+.previously-joined {
+  list-style-type: none;
+  margin:auto;
+  width: 200px;
+  padding: 0;
+  cursor: pointer;
+}
+
+.meetings {
+
+}
+
+.rooms {
+
+  .table-wrapper {
+    padding: 40px 50px 10px 50px;
+
+    #recordings {
+      thead {
+        th:after {
+          content: none; //removes the sort icon in table header
+        }
+      }
+      .dataTables_empty {
+        text-align: center;
+      }
+      .timeago {
+        margin-left: 5px;
+        font-size: 13px;
+        cursor: pointer;
+        color: #999;
+      }
+    }
+  }
+
+  .meeting-url-button-group {
+    padding-top: 5px;
+    width: 100px;
+  }
+
+}
+
+.img-thumbnail{
+  padding: 4px;
+  background-color: white;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+
+  &.large{
+    display: none;
+  }
+
+  &:hover + &.large{
+    display: inline-block;
+    position: absolute;
+    z-index: 1;
+  }
+}
+
+.meeting-url-group {
+  position: relative;
+}
+
+.recording-update-trigger {
+  &.recording-unpublished {
+    color: red;
+  }
+
+  &.recording-unlisted {
+    color: #e3a91e;
+  }
+
+  &.recording-published {
+    color: green;
+  }
+}
--- a/app/assets/stylesheets/main/sessions.scss
+++ b/app/assets/stylesheets/main/sessions.scss
@ -0,0 +1,23 @@
+// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+//
+// Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
+//
+// This program is free software; you can redistribute it and/or modify it under the
+// terms of the GNU Lesser General Public License as published by the Free Software
+// Foundation; either version 3.0 of the License, or (at your option) any later
+// version.
+//
+// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public License along
+// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+.login {
+  .center-panel {
+    .center-panel-size {
+      max-width: 400px
+    }
+  }
+}
--- a/app/assets/stylesheets/main/shared.scss
+++ b/app/assets/stylesheets/main/shared.scss
@ -0,0 +1,175 @@
+// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+//
+// Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
+//
+// This program is free software; you can redistribute it and/or modify it under the
+// terms of the GNU Lesser General Public License as published by the Free Software
+// Foundation; either version 3.0 of the License, or (at your option) any later
+// version.
+//
+// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
+// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public License along
+// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
+
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import "bootstrap-social";
+
+
+html, body {
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+
+.container-fluid {
+  height: 100%;
+}
+
+.background {
+  height: 350px;
+  width: 100%;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+body[data-controller=landing].app-background {
+  @extend .background;
+}
+
+#alerts {
+  position: absolute;
+  top: 10px;
+  left: 50%;
+  margin-left: -250px;
+  width: 500px;
+  z-index: 999;
+}
+
+.header {
+  padding: 20px 40px;
+  margin-bottom: 160px;
+  .logo {
+    max-width: 150px;
+    max-height: 50px;
+  }
+}
+
+.footer {
+  padding: 20px;
+}
+
+.center-block {
+  float: none;
+}
+.center-panel-wrapper {
+  height: 100%;
+}
+.center-panel {
+  height: 100%;
+  .center-panel-size {
+    max-width: 1200px
+  }
+  .center-panel-content-size {
+    height: 100%;
+    max-width: 1100px;
+  }
+
+  .input-spacing {
+    margin-top: 15px;
+  }
+
+  .panel-footer {
+    background-color: white;
+  }
+
+  .panel-body {
+    padding-bottom: 40px;
+  }
+
+  .title-wrapper {
+    margin-bottom: 30px;
+  }
+
+  .join-form-wrapper {
+    .center-block {
+      max-width: 400px;
+    }
+    .join-form {
+      width: 100%;
+    }
+    .btn {
+      width: initial;
+    }
+  }
+
+  .meeting-url-wrapper {
+    .meeting-url {
+      cursor: default;
+    }
+  }
+
+  .loading-wrapper {
+    text-align: center;
+  }
+}
+
+.popover {
+  max-width: none;
+}
+
+a.signin-link {
+  &:hover, &:focus {
+    cursor: pointer;
+    text-decoration: none;
+  }
+}
+
+.signin-link {
+  .signin-icon {
+    vertical-align: middle;
+    width: 35px;
+    height: 35px;
+  }
+  .signin-button {
+    background: white;
+    width: 250px;
+    border: thin solid #888;
+    border-radius: 2px;
+    white-space: nowrap;
+    padding: 5px;
+    margin-bottom: 14px;
+  }
+  .signin-icon-wrapper {
+    display: inline-block;
+    width: 40px;
+  }
+  .signin-text-wrapper {
+    display: inline-block;
+    width: 200px;
+  }
+  .signin-text {
+    font-family: 'Roboto', sans-serif;
+    vertical-align: middle;
+    font-size: 14px;
+    font-weight: bold;
+    color: #444;
+  }
+}
+
+.verticle-line {
+  // parent must be position relative to work
+  width: 1px;
+  background-color: lightgray;
+  height: 100%;
+  position: absolute;
+  left: 50%;
+}
+
+.invite-join-wrapper {
+  position: relative;
+}