Version 5.1

aopell · Feb 15, 2019 · 5ccdf7e · 5ccdf7e
2 parents eba1d0c + a07328e
commit 5ccdf7e
Show file tree

Hide file tree

Showing 24 changed files with 1,885 additions and 779 deletions.
diff --git a/README.md b/README.md
@@ -19,6 +19,7 @@
   - [Custom Themes](#custom-themes)
     - [Course Icons](#course-icons)
   - [Tooltips](#tooltips)
+  - [Courses in Common](#courses-in-common)
   - [Miscellaneous Improvements](#miscellaneous-interface-improvements)
 - [Grades Page Improvements](#grades-page-improvements)
   - [Miscellaneous Improvements](#miscellaneous-grades-page-improvements)
@@ -35,20 +36,20 @@
 
 ## Interface Improvements
 ### Blue Theme
-![Navigation Bar](https://i.imgur.com/mn1Ll4A.png)
+![Navigation Bar](https://i.imgur.com/VbTn30Y.png)
 
 *Image: The blue Schology Plus navigation bar*
 - Replaces the orange LAUSD theme with a blue theme
 - Replaces the LAUSD logo with the Schoology logo
 ### Custom Themes
-![Built-in Themes](https://i.imgur.com/QPpxVvF.gif)
+![Built-in Themes](https://i.imgur.com/Tjfa5tJ.gif)
 
 *Image: Demonstration of the built-in themes*
 - You can create a custom theme or choose one of the small selection of built-in themes (including rainbow mode!)
 - One of the built-in themes is the "LAUSD Orange" theme which restores the interface to the LAUSD theme (including the logo)
 - To learn more about creating custom themes, see [Theme Editor](#theme-editor)
 #### Course Icons
-![Course Icons](https://i.imgur.com/38nzcs4.png)
+![Course Icons](https://imgur.com/KybIeXw.png)
 
 *Image: Example of built-in course icons*
 - Built-in course icons for many courses*
@@ -60,6 +61,12 @@
 - Toolips for items on the materials page show previews
   - Assignments show score and grade category
   - PDF files show previews and number of pages
+
+### Courses In Common
+![Courses in Common](https://imgur.com/0tEgPhh.png)
+*Image: Dialog box showing courses in common with another classmate*
+- View all courses you share with a classmate
+
 ### Miscellaneous Interface Improvements
 - Adds a "Grades" link to the navigation bar for easy access from any page
 - Adds a button to quickly jump to archived courses in the Courses drop-down list*
@@ -146,7 +153,7 @@
 - They will also show as posts in your news feed*
 
 ## Schoology Plus Settings
-![Settings](https://i.imgur.com/1OKSqwO.png)
+![Settings](https://i.imgur.com/KwKmsTo.png)
 
 *Image: The Schoology Plus settings dialog box. Click the (+) button on the navigation bar to open.*
 
@@ -168,9 +175,9 @@ Schoology Plus has the following customizable settings:
 
 ### Theme Editor
 
-![Custom Theme](https://i.imgur.com/oRb7DO6.png)
+![Custom Theme](https://i.imgur.com/f5Fc7VE.png)
 
-*Image: The theme editor interface with an example of a custom Lavender theme*
+*Image: The theme editor interface with an example of a custom Black and White theme*
 
 Schoology Plus is equipped with a fully-featured theme editor, allowing you to create your own custom theme. The theme editor allows you to preview your changes to the interface, including colors, logos, cursors, and custom icons. To learn more about the theme editor, see the [Theme Editor Help Page](themes/README.md).
 
@@ -200,4 +207,4 @@ This project is open source under the MIT License. See the [LICENSE file](LICENS
 
 # Disclaimer
 
-Schoology Plus is not affiliated with Schoology Inc. or the Los Angeles Unified School District. Schoology, the SCHOOLOGY® wordmark, and the S logo are registered and unregistered trademarks of Schoology, Inc. in the United States. All product names, logos, and brands are property of their respective owners.
+Schoology Plus is not affiliated with Schoology Inc. or the Los Angeles Unified School District. Schoology, the SCHOOLOGY® wordmark, and the S logo are registered and unregistered trademarks of Schoology, Inc. in the United States. All product names, logos, and brands are property of their respective owners.
diff --git a/css/all.css b/css/all.css
@@ -76,6 +76,16 @@ footer._2T2dA {
     display: block;
 }
 
+.splus-coursesdropdown-reorder-btn {
+    width: 2rem;
+    height: 2rem;
+    padding-left: 1.25rem;
+}
+
+.splus-coursesdropdown-reorder-btn:hover {
+    cursor: pointer;
+}
+
 video.easter-egg {
     position: fixed;
     top: 50%;

diff --git a/css/theme-editor.css b/css/theme-editor.css
@@ -61,11 +61,11 @@ body {
 }
 
 .splus-blue {
-    background-color: var(--primary-color);
+    background-color: var(--primary-color) !important;
 }
 
 .splus-blue-text {
-    color: var(--primary-color);
+    color: var(--primary-color) !important;
 }
 
 .inline-icon {
@@ -291,6 +291,20 @@ h2.center {
     }
 }
 
+@media screen and (min-width: 1201px) {
+    .fixed-on-large-and-up {
+        position: fixed;
+        width: 52%;
+    }
+}
+
+@media screen and (max-width: 1300px) {
+    .hide-below-1300-px {
+        visibility: hidden;
+        width: 0px;
+    }
+}
+
 .splus-modal-content {
     background-color: #fefefe;
     margin: auto;
@@ -572,4 +586,28 @@ textarea#json-output[readonly] {
 
 #theme-hue-wrapper {
     padding-bottom: 32px;
+}
+
+#theme-color-rainbow-wrapper .ui-slider-handle {
+    background-color: #26a69a !important;
+    border: none !important;
+    border-radius: 50% !important;
+    width: 1.25em !important;
+    height: 1.25em !important;
+    margin-top: -3px !important;
+}
+
+#theme-color-rainbow-wrapper .ui-slider-horizontal {
+    height: 3px;
+    border: none;
+    background-color: #C2C0C2;
+    margin: 15px 0;
+}
+
+#theme-color-rainbow-wrapper .ui-slider-range {
+    background-color: #666;
+}
+
+.help-icon {
+    color: var(--primary-color);
 }