Skip to content

Commit

Permalink
refactoring the JS/ tooltipstr
Browse files Browse the repository at this point in the history
  • Loading branch information
otrok7 committed Nov 19, 2024
1 parent b26c388 commit 79b2795
Show file tree
Hide file tree
Showing 18 changed files with 4,500 additions and 915 deletions.
8 changes: 5 additions & 3 deletions admin/class-bread-admin.php
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ public function enqueue_styles($hook)
return;
}
wp_enqueue_style("jquery-ui", plugin_dir_url(__FILE__) . "css/jquery-ui.min.css", false, "1.2", 'all');
wp_enqueue_style("spectrum", plugin_dir_url(__FILE__) . "css/spectrum.css", false, "1.2", 'all');
wp_enqueue_style("spectrum", plugin_dir_url(__FILE__) . "css/spectrum.min.css", false, "1.2", 'all');
wp_enqueue_style("tooltipster", plugin_dir_url(__FILE__) . "css/tooltipster.bundle.min.css", false, "1.2", 'all');
wp_enqueue_style("tooltipster-noir", plugin_dir_url(__FILE__) . "css/tooltipster-sideTip-noir.min.css", false, "1.2", 'all');
wp_enqueue_style("admin", plugin_dir_url(__FILE__) . "css/admin.css", false, "1.2", 'all');
wp_enqueue_style("chosen", plugin_dir_url(__FILE__) . "css/chosen.min.css", false, "1.2", 'all');
}
Expand All @@ -90,8 +92,8 @@ public function enqueue_scripts($hook)
wp_enqueue_script('jquery-ui-accordion');
wp_enqueue_script('jquery-ui-dialog');
wp_enqueue_script("bmlt_meeting_list", plugin_dir_url(__FILE__) . "js/bmlt_meeting_list.js", array('jquery'), "1.2", true);
wp_enqueue_script("tooltipster", plugin_dir_url(__FILE__) . "js/jquery.tooltipster.min.js", array('jquery'), "1.2", true);
wp_enqueue_script("spectrum", plugin_dir_url(__FILE__) . "js/spectrum.js", array('jquery'), "1.2", true);
wp_enqueue_script("tooltipster", plugin_dir_url(__FILE__) . "js/tooltipster.bundle.min.js", array('jquery'), "1.2", true);
wp_enqueue_script("spectrum", plugin_dir_url(__FILE__) . "js/spectrum.min.js", array('jquery'), "1.2", true);
wp_enqueue_script("chosen", plugin_dir_url(__FILE__) . "js/chosen.jquery.min.js", array('jquery'), "1.2", true);
}

Expand Down
307 changes: 11 additions & 296 deletions admin/css/admin.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@
height: 100%;
width: 100%;
}

#tallyBannerContainer {
background-image: url('images/banner_rails.png');
background-repeat: repeat-x;
Expand Down Expand Up @@ -35,7 +34,7 @@ and (orientation: portrait) {
}

.ui-accordion .ui-accordion-icons {
padding-left: 2.2em !important;
padding-left: 2.2em !important;
}
img.box-description {
margin: 0px 10px 0px 10px;
Expand All @@ -44,11 +43,11 @@ img.box-description {
#basicModal{
display:none;
}
.help-video {
.help-video {
background-color:#fff;
border-radius:15px;
color:#000;
display:none;
display:none;
padding:20px;
min-width:400px;
min-height: 180px;
Expand Down Expand Up @@ -245,12 +244,12 @@ a img.aligncenter {
margin: 0;
padding: 0 4px 5px;
}
#meeting-list-tabs tabs-nohdr {
padding: 0px;
background: none;
border-width: 0px;
}
#meeting-list-tabs .ui-tabs-panel {
#meeting-list-tabs tabs-nohdr {
padding: 0px;
background: none;
border-width: 0px;
}
#meeting-list-tabs .ui-tabs-panel {
padding: 10px 3px !important;
}
#meeting-list-tabs .ui-widget-header {
Expand All @@ -276,7 +275,7 @@ border: solid 1px #D5D5D5;
padding: 10px 15px;
margin-left: 5px;
margin-bottom: 10px;
display: -webkit-inline-box;"
display: -webkit-inline-box;
color: #999;
}
#meeting-list-tabs input:checked + span {
Expand All @@ -292,297 +291,13 @@ input:checked ~ td > label {
#meeting-list-tabs h2 {
font-size: 22px;
}
.tooltipster-noir
{
background: #F5F5F5;
border: 3px solid #2c2c2c;
border-radius: 0px;
color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content
{
/* font-family: 'Georgia', serif; */
font-size: 13px;
line-height: 16px;
padding: 0px 20px;
}
.tooltipster-default
{
background: #888888;
border: 2px solid #111;
border-radius: 5px;
color: #fff;
}
.tooltipster-default .tooltipster-content
{
/* font-family: Arial, sans-serif; */
font-size: 13px;
line-height: 16px;
overflow: hidden;
padding: 8px 8px;
}
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border
{
}
.tooltipster-icon {
cursor: help;
margin-left: 10px;
background: url("images/help-image2.png") no-repeat;
color: rgba(0, 0, 0, 0);
padding-right: 5px;
}
.tooltipster-base
{
font-size: 0;
left: 0;
line-height: 0;
overflow: visible;
padding: 0;
pointer-events: none;
position: absolute;
top: 0;
width: auto;
z-index: 9999999;
}
.tooltipster-base .tooltipster-content
{
overflow: hidden;
}
.tooltipster-arrow
{
display: block;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border
{
display: block;
height: 0;
position: absolute;
width: 0;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span
{
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border
{
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span
{
border-bottom: 8px solid;
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border
{
border-bottom: 9px solid;
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border
{
left: 0;
margin: 0 auto;
right: 0;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span
{
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border
{
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span
{
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border
{
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border
{
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
border-top: 8px solid transparent !important;
margin-top: -7px;
right: -7px;
top: 50%;
}
.tooltipster-arrow-left .tooltipster-arrow-border
{
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
border-top: 9px solid transparent !important;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border
{
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
border-top: 8px solid transparent !important;
left: -7px;
margin-top: -7px;
top: 50%;
}
.tooltipster-arrow-right .tooltipster-arrow-border
{
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
border-top: 9px solid transparent !important;
margin-top: -8px;
}
.tooltipster-fade
{
moz-transition-property: opacity;
ms-transition-property: opacity;
opacity: 0;
o-transition-property: opacity;
transition-property: opacity;
webkit-transition-property: opacity;
}
.tooltipster-fade-show
{
opacity: 1;
}
.tooltipster-grow
{
moz-transform: scale(0,0);
moz-transition-property: -moz-transform;
ms-transform: scale(0,0);
ms-transition-property: -ms-transform;
o-transform: scale(0,0);
o-transition-property: -o-transform;
transform: scale(0,0);
transition-property: transform;
webkit-backface-visibility: hidden;
webkit-transform: scale(0,0);
webkit-transition-property: -webkit-transform;
}
.tooltipster-grow-show
{
moz-transform: scale(1,1);
moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
ms-transform: scale(1,1);
ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
o-transform: scale(1,1);
o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transform: scale(1,1);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
webkit-transform: scale(1,1);
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing
{
moz-transform: rotateZ(4deg);
moz-transition-property: -moz-transform;
ms-transform: rotateZ(4deg);
ms-transition-property: -ms-transform;
opacity: 0;
o-transform: rotateZ(4deg);
o-transition-property: -o-transform;
transform: rotateZ(4deg);
transition-property: transform;
webkit-transform: rotateZ(4deg);
webkit-transition-property: -webkit-transform, opacity;
}
.tooltipster-swing-show
{
moz-transform: rotateZ(0deg);
moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
ms-transform: rotateZ(0deg);
ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
opacity: 1;
o-transform: rotateZ(0deg);
o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transform: rotateZ(0deg);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
webkit-transform: rotateZ(0deg);
webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall
{
moz-transition-property: top;
moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
ms-transition-property: top;
ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
o-transition-property: top;
o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
top: 0;
transition-property: top;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
webkit-transition-property: top;
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show
{
}
.tooltipster-fall.tooltipster-dying
{
moz-transition-property: all;
ms-transition-property: all;
opacity: 0;
o-transition-property: all;
top: 0px !important;
transition-property: all;
webkit-transition-property: all;
}
.tooltipster-slide
{
left: -40px;
moz-transition-property: left;
moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
ms-transition-property: left;
ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
o-transition-property: left;
o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-property: left;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
webkit-transition-property: left;
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show
{
}
.tooltipster-slide.tooltipster-dying
{
left: 0px !important;
moz-transition-property: all;
ms-transition-property: all;
opacity: 0;
o-transition-property: all;
transition-property: all;
webkit-transition-property: all;
}
.tooltipster-content-changing
{
moz-transform: scale(1.1, 1.1);
ms-transform: scale(1.1, 1.1);
opacity: 0.5;
o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
webkit-transform: scale(1.1, 1.1);
}
.mlg.dashicons-search:before
{
color: #3548C8;
Expand Down Expand Up @@ -696,7 +411,7 @@ width: 4em !important;
padding-right: 20px !important;
position: relative;
}
/*
/*
.mce-menu-item-normal.mce-active .mce-text {
background-color: #FFF !important;
color: #333 !important;
Expand Down
Loading

0 comments on commit 79b2795

Please sign in to comment.