css updates

pull/11/head
Squidly271 2021-02-24 17:30:36 -05:00
parent 27d03ccbbf
commit 96918d049e
4 changed files with 19 additions and 2 deletions

View File

@ -217,6 +217,7 @@ $(function(){
$('.mainArea').on("click",".ca_favouriteRepo",function() {
$(".ca_fav").removeClass("ca_favouriteRepo").addClass("ca_non_favouriteRepo");
$(".ca_holderFav").removeClass("ca_holderFav");
$(this).removeClass("ca_favouriteRepo").addClass("ca_non_favouriteRepo");
setToolTipForFavourite();
post({action:'toggleFavourite',repository:""},function(data) {
@ -1705,6 +1706,9 @@ function setFavourite(button) {
var repo = $(button).data("repository");
var apps = $.find('.ca_non_favouriteRepo[data-repository="'+repo+'"]');
$(apps).removeClass("ca_non_favouriteRepo").addClass("ca_favouriteRepo");
var apps = $.find('.ca_holder[data-repository="'+repo+'"]');
$(".ca_holder").removeClass("ca_holderFav");
$(apps).addClass("ca_holderFav");
setToolTipForFavourite();
clearTimeout(repoBannerTimer);
post({action:'toggleFavourite',repository:repo},function(data) {

View File

@ -29,6 +29,7 @@ switch ($theme) {
$donateBackground = "#f2f2f2";
$donateText = "#1c1b1b";
$templateBackground = "#0f0f0f";
$templateFavourite = "#333333";
$hrColor = "#2b2b2b";
$borderColor = "#2b2b2b";
$watermarkColor = "rgba(43, 43, 43, 0.4)";
@ -39,6 +40,7 @@ switch ($theme) {
$donateBackground = "#1c1b1b";
$donateText = "#f2f2f2";
$templateBackground = "#ffffff";
$templateFavourite = "#d0d0d0";
$hrColor = "lightgrey";
$borderColor = "lightgrey";
$watermarkColor = "rgba(211, 211, 211, 0.8)";
@ -49,6 +51,7 @@ switch ($theme) {
$donateBackground = "#606e7f";
$donateText = "#e4e2e4";
$templateBackground = "#ffffff";
$templateFavourite = "#e0e0e0";
$hrColor = "#606e7f";
$border = "#606e7f";
$watermarkColor = "rgba(96, 110, 127, 0.1)";
@ -59,6 +62,7 @@ switch ($theme) {
$donateBackground = "#606e7f";
$donateText = "#1b1d1b";
$templateBackground = "#121212";
$templateFavourite = "#2b2b2b";
$hrColor = "#606e7f";
$border = "#606e7f";
$watermarkColor = "rgba(96, 110, 127, 0.1)";
@ -70,9 +74,12 @@ switch ($theme) {
$donateBackground = "#f2f2f2";
$donateText = "#1c1b1b";
$templateBackground = "#0f0f0f";
$templateFavourite = "#333333";
$hrColor = "#2b2b2b";
$borderColor = "#2b2b2b";
$watermarkColor = "rgba(43, 43, 43, 0.4)";
$tooltipsterBackground = "linear-gradient(90deg,#303030 0,#707070)";
$tooltipsterContent = "#f2f2f2";
break;
}
?>
@ -105,9 +112,11 @@ a.ca_categoryLink {text-decoration:none;color:inherit;}
.ca_descriptionAreaRepository {margin:1rem;width:auto;height:4rem;position:relative;margin-top:-12rem;}
.ca_holderDocker {background-color:<?=$templateBackground?>;display:inline-block;float:left;height:24rem;min-width:37rem;max-width:50rem;flex-grow:1;flex-basis:37rem;overflow:hidden;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:1rem;margin-right:1rem;font-size:1.2rem;border:1px solid;border-color:<?=$borderColor?>;border-radius:10px 10px 10px 10px;}
.ca_holderPlugin {background-color:<?=$templateBackground?>;display:inline-block;float:left;height:24rem;min-width:37rem;max-width:50rem;flex-grow:1;flex-basis:37rem;overflow:hidden;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:1rem;margin-right:1rem;font-size:1.2rem;border:1px solid;border-color:<?=$borderColor?>;border-radius:10px 10px 10px 10px;}
.ca_holderFav {background-color:<?=$templateFavourite?> !important;}
.ca_holderLanguage {background-color:<?=$templateBackground?>;display:inline-block;float:left;height:24rem;min-width:37rem;max-width:50rem;flex-grow:1;flex-basis:37rem;overflow:hidden;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:1rem;margin-right:1rem;font-size:1.2rem;border:1px solid;border-color:<?=$borderColor?>;border-radius:10px 10px 10px 10px;}
.ca_holderRepository {background-color:<?=$templateBackground?>;display:inline-block;float:left;height:24rem;min-width:37rem;max-width:50rem;flex-grow:1;flex-basis:37rem;overflow:hidden;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:1rem;margin-right:1rem;font-size:1.2rem;border:1px solid;border-color:<?=$borderColor?>;border-radius:10px 10px 10px 10px;}
.ca_holderDriver {background-color:<?=$templateBackground?>;display:inline-block;float:left;height:24rem;min-width:37rem;max-width:50rem;flex-grow:1;flex-basis:37rem;overflow:hidden;padding:0px;margin-left:0px;margin-top:0px;margin-bottom:1rem;margin-right:1rem;font-size:1.2rem;border:1px solid;border-color:<?=$borderColor?>;border-radius:10px 10px 10px 10px;}
<?if (! $unRaid69 ):?>
.ca_holderPlugin::before{position:relative;float:right;margin-top:1rem;margin-right:3rem;font-family:'fontAwesome';content:'\f12e';font-size:8rem;color:<?=$watermarkColor?>;}
<?else:?>

View File

@ -160,7 +160,8 @@ function my_display_apps($file,$pageNumber=1,$selectedApps=false,$startup=false)
$niceRepoName = str_replace("' Repository","",$niceRepoName);
$niceRepoName = str_replace(" Repository","",$niceRepoName);
$favMsg = ($favClass == "ca_favouriteRepo") ? tr("Click to remove favourite repository") : tr(sprintf("Click to set %s as favourite repository",$niceRepoName));
$template['ca_fav'] = ($caSettings['favourite'] && $caSettings['favourite'] == $template['RepoName']);
if ( $template['RepoName'] ) {
$template['display_favouriteButton'] = "<span class='appIcons ca_tooltip $favClass ca_fav' data-repository='".htmlentities($template['RepoName'],ENT_QUOTES)."' title='$favMsg'></span>";
}
@ -968,6 +969,9 @@ function displayCard($template) {
$holder = $template['Language'] ? "ca_holderLanguage" : $holder;
$holder = $template['RepositoryTemplate'] ? "ca_holderRepository" : $holder;
$holder = strpos($template['OriginalCategories'],"Drivers") !== false ? "ca_holderDriver" : $holder;
if ( $template['ca_fav'] )
$holder .= " ca_holderFav";
$descriptionArea = $template['RepositoryTemplate'] ? "ca_descriptionAreaRepository" : "ca_descriptionArea";
@ -978,7 +982,7 @@ function displayCard($template) {
}
$card = "
<div class='$holder'>
<div class='$holder ca_holder' data-repository='".htmlentities($template['RepoName'],ENT_QUOTES)."'>
<div class='ca_iconArea'>
<div class='ca_icon'>
{$template['display_iconClickable']}