DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added auto-closing of popup windows when clicked outside of the element. Fixed positioning of settings bar

Browse Source
This commit is contained in:
Kevin Dao
2019-08-13 18:51:03 -05:00
parent e4e3898a67
commit 84066bb234
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
css/popup.css
View File

@@ -85,10 +85,9 @@ i {
} }
.settings { .settings {
position: absolute; position: relative;
bottom: 0px;
right: 0px;
display: flex; display: flex;
float: right;
vertical-align: middle; vertical-align: middle;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
transition: 0.3s; transition: 0.3s;
@@ -358,7 +357,7 @@ input[type=number]::-webkit-outer-spin-button {
.simple-menu-option:hover { .simple-menu-option:hover {
background-color: rgba(177, 175, 175, 0.200); background-color: rgba(177, 175, 175, 0.200);
transition-duration: 0.4s; transition-duration: 0.4s;
color: #FF9800; /* color: #FF9800; */
} }
.simple-menu-option:focus { .simple-menu-option:focus {

15
js/popup.js
View File

@@ -2,8 +2,8 @@ var courses;
setCourseList(); setCourseList();
getSemesters(); getSemesters();
var can_remove = true;
var can_remove = true;
function setCourseList() { function setCourseList() {
$("#courseList").empty() $("#courseList").empty()
@@ -79,6 +79,19 @@ function formatShortenedCourseName(course) {
return `${department} ${number} (${course.unique})`; return `${department} ${number} (${course.unique})`;
} }
$(document).click(function(event) {
$target = $(event.target);
console.log($target);
// If we're not clicking on search button or search popup, and popup is visible, hide it
if (!$target.closest('#search').length && !$target.closest('#search-popup').length && $('#search-popup').is(":visible")) {
hideSearchPopup();
}
// If we're not clicking on import/export button or imp/exp popup, and popup is visible, hide it
if (!$target.closest('#impexp').length && !$target.closest('#import-export-popup').length && $('#import-export-popup').is(":visible")) {
hideImportExportPopup();
}
});
$("#clear").click(function () { $("#clear").click(function () {
chrome.storage.sync.set({ chrome.storage.sync.set({

2
popup.html
View File

@@ -19,7 +19,7 @@
<div> <div>
<ul id="courseList" style="list-style-type: none;padding: 5px;"></ul> <ul id="courseList" style="list-style-type: none;padding: 5px;"></ul>
<h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 40px 30px ;text-align: center"> <h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 180px 30px ;text-align: center">
<div id="main" style="margin-bottom: 5px;">Doesn't Look Like <div id="main" style="margin-bottom: 5px;">Doesn't Look Like
Anything Anything
To Me. To Me.