Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion css/spbc-admin.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/spbc-settings.min.css

Large diffs are not rendered by default.

121 changes: 121 additions & 0 deletions css/src/spbc-admin.css
Original file line number Diff line number Diff line change
Expand Up @@ -287,3 +287,124 @@ span.green_dot{
z-index: 9990 !important;
left: 160px !important;
}

.column-spbc_pass_check {
display: flex;
flex-direction: column;
}

.row-spbc_pass_check {
margin: 5px 0;
}

/*long desc module*/
.spbc_long_description__show:hover{
color: #aaaaaa;
cursor: pointer;
}

.spbc_long_desc{
position: absolute;
background: #5a5a5a;
min-width: 80px; min-height: 80px;
max-width: 500px;
padding: 10px;
color: white;
z-index: 10;
}

@media screen and (max-width: 900px) {
.spbc_long_desc {
left: inherit !important;
}
.spbc_long_desc__angle_top_left {
display: none;
}
}
.spbc_long_desc p{
color: white !important;
}
i.animate-spin{
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
margin: 0 auto;
font-size: 25px;
line-height: 20px;
color: rgba(120,200,230,1);
margin: 25px;
}
@keyframes spin {
to{transform: rotate(359deg);}
}
.spbc_long_desc__cancel{
position: absolute;
top: 5px; right: 5px;
color: rgba(255,255,255,0.5);
}
.spbc_long_desc__cancel:hover{
color: white;
}
.spbc_long_desc__angle{
position: absolute;
top: 5px; left: -17px;
width: 10px; height: 10px;
background: #5a5a5a;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}

.spbc_long_desc__angle_top_left{
position: absolute;
top: -10px; left: -9px;
width: 10px; height: 10px;
background: #5a5a5a;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}

.spbc_long_desc__angle_top_right{
position: absolute;
top: -10px; right: 14px;
width: 10px; height: 10px;
background: #5a5a5a;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}

.spbc_long_desc__title{
color: rgba(120,200,230,1);
margin: 0;
}
.spbc_long_desc__link{
color: rgba(120,200,230,1);
}
.spbc_long_desc__link:hover{
color: rgba(140,220,250,1);
}
.spbc_long_desc h4{
color: rgb(80,160,190);
margin: 10px 0 3px 0;
}
.spbc_long_desc span{
margin: 0 0 0 10px;
display: inline-block;
}

.spbc_long_desc img{
width: 300px;
}
93 changes: 0 additions & 93 deletions css/src/spbc-settings.css
Original file line number Diff line number Diff line change
Expand Up @@ -427,99 +427,6 @@ p.spbc_hint { margin: 0px; }
color: white;
}

.spbc_long_desc{
position: absolute;
background: #5a5a5a;
min-width: 80px; min-height: 80px;
max-width: 500px;
padding: 10px;
color: white;
z-index: 10;
}

@media screen and (max-width: 900px) {
.spbc_long_desc {
left: inherit !important;
}
.spbc_long_desc__angle_top_left {
display: none;
}
}
.spbc_long_desc p{
color: white !important;
}
i.animate-spin{
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
margin: 0 auto;
font-size: 25px;
line-height: 20px;
color: rgba(120,200,230,1);
margin: 25px;
}
@keyframes spin {
to{transform: rotate(359deg);}
}
.spbc_long_desc__cancel{
position: absolute;
top: 5px; right: 5px;
color: rgba(255,255,255,0.5);
}
.spbc_long_desc__cancel:hover{
color: white;
}
.spbc_long_desc__angle{
position: absolute;
top: 5px; left: -17px;
width: 10px; height: 10px;
background: #5a5a5a;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}

.spbc_long_desc__angle_top_left{
position: absolute;
top: -10px; left: -9px;
width: 10px; height: 10px;
background: #5a5a5a;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}

.spbc_long_desc__title{
color: rgba(120,200,230,1);
margin: 0;
}
.spbc_long_desc__link{
color: rgba(120,200,230,1);
}
.spbc_long_desc__link:hover{
color: rgba(140,220,250,1);
}
.spbc_long_desc h4{
color: rgb(80,160,190);
margin: 10px 0 3px 0;
}
.spbc_long_desc span{
margin: 0 0 0 10px;
display: inline-block;
}

.spbc_long_desc img{
width: 300px;
}

/* Popup tips */
.spbc_popup_tip--icon---show:hover{
color: #aaaaaa;
Expand Down
4 changes: 3 additions & 1 deletion inc/spbc-admin.php
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,9 @@ function spbct_get_tab_data()
*/
function spbc_users_list_pass_check_column($columns)
{
$columns['spbc_pass_check'] = __('Password Leak', 'security-malware-firewall');
$text = '<span><i setting="spbc_pass_check" class="spbc_long_description__show spbc-icon-help-circled"></i>{{column_header}}</span>';
$plate = ['column_header' => __('Password Leak', 'security-malware-firewall')];
$columns['spbc_pass_check'] = \CleantalkSP\Common\TextPlateStatic::render($text, $plate);

return $columns;
}
Expand Down
Loading
Loading