Upd. TheRealPerson. Update layout. (#467)

* Upd. TheRealPerson. Update layout.

* Upd. TRP. TRP output updated.

* Fix. TRP. TRP pop-up text fixed.

* Fix. TRP. TRP optinon text fixed.

* Fix. Code. Code style fixed.

* Fix. TRP. TRP badge for woocommerce review fixed.

* Fix. Code. Code style fixed.

* Fix. TRP. Admin side TRP layout fixed.

* Fix. TRP. Admin side TRP - removed common styles.

* Fix. TRP. Unused JS-logic removed.

* Fix. Code. JS and CSS re-minified.

* Fix. Code. Code style fixed.

* Fix. Settings. TRP badge example added to the TRP option.

* Fix. Code. Code style fixed.

* Fix. Code. Psalm notice fixed.

* Fix. TRP. UTM preset for the TRP link fixed.

* Fix. TRP. TRP image example removed from settings.

* Fix. TRP. TRP image padding added.

* Fix. TRP. TRP long description link rebuilt.

---------

Co-authored-by: Glomberg <bazz@bk.ru>

Author: svfcode

css/cleantalk-admin.min.css

@@ -113,110 +113,6 @@
 	line-height: 2rem;
 }
 
-/* Styles for displaying the TRP badge on the comments page in the admin */
-.apbct-admin-real-user-wrapper {
-    display: inline-flex;
-    color: #000;
-    flex-wrap: nowrap;
-    justify-content: center;
-    flex-direction: row;
-    align-items: center;
-}
-
-.apbct-admin-real-user-author-name{
-    display: inline-flex;
-}
-
-.apbct-admin-real-user-badge {
-    display: inline-flex;
-    margin-left: 12px;
-    margin-right: 3px;
-    height: 15px;
-    cursor: pointer;
-    position: relative;
-}
-
-.apbct-real-user-badge {
-	display: inline-flex;
-	margin-left: 12px;
-	margin-right: 3px;
-	height: 15px;
-	cursor: pointer;
-	position: relative;
-}
-
-.apbct-admin-real-user-popup {
-    position: absolute;
-    width: auto;
-    height: max-content;
-	position: absolute;
-	left: 20px;
-    margin-left: 3px;
-    padding: 21px 16px 16px 16px;
-    font-weight: normal;
-    background: white;
-    border: 1px #ccc solid;
-    border-radius: 4px;
-    box-shadow: 5px 5px 24px -11px #444;
-    z-index: -1;
-    cursor: default;
-	opacity: 0;
-    transition-property: opacity, z-index;
-    transition-delay: 1s;
-}
-
-.apbct-real-user-badge:hover .apbct-admin-real-user-popup {
-    z-index: 1;
-    opacity: 1;
-    transition-delay: 0s;
-}
-
-.apbct-admin-real-user-title {
-    display: grid;
-	width: max-content;
-    gap: 4px!important;
-}
-
-.apbct-admin-real-user-popup-content_row {
-    display: flex;
-    gap: 4px;
-}
-
-.apbct-admin-real-user-popup-img {
-    align-self: start;
-}
-
-.apbct-admin-size-real-user-popup-img{
-	width: 15px;
-}
-
-.apbct-admin-real-user-popup-header {
-    font-weight: bolder;
-    margin: 0;
-}
-
-@media (min-width: 768px) {
-    .apbct-admin-real-user-popup-text {
-        user-select: all;
-        margin: 2px 0 2px 0;
-    }
-}
-
-@media (max-width: 768px) {
-	.apbct-trp-popup-desktop {
-		display: none;
-	}
-
-	.apbct-admin-real-user-title {
-		width: 100%;
-	}
-
-	.apbct-admin-real-user-popup {
-		width: auto;
-        top: 31px;
-	}
-}
-
 .apbct-popup-fade:before {
     content: '';
     background: #000;

css/cleantalk-public.min.css

@@ -1,110 +1,3 @@
-.apbct-real-user-wrapper {
-    display: inline-flex;
-    color: #000;
-    flex-wrap: nowrap;
-    justify-content: center;
-    flex-direction: row;
-    align-items: center;
-}
-
-.apbct-real-user-wrapper-woo {
-    display: inline;
-    align-items: center;
-    color: #444;
-    font-size: 14px;
-}
-
-.apbct-real-user-author-name{
-    display: inline-flex;
-}
-
-.apbct-real-user-badge {
-    display: inline-flex;
-    margin-left: 12px;
-    margin-right: 3px;
-    height: 15px;
-    cursor: pointer;
-    position: relative;
-}
-
-.apbct-real-user-popup {
-    position: absolute;
-    width: auto;
-    height: max-content;
-    margin-left: 21px;
-    padding: 16px 16px 16px 16px;
-    font-weight: normal;
-    background: white;
-    border: 1px #ccc solid;
-    border-radius: 4px;
-    box-shadow: 5px 5px 24px -11px #444;
-    z-index: -1;
-    cursor: default;
-    opacity: 0;
-    transition-property: opacity, z-index;
-    transition-delay: 1s;
-}
-
-.apbct-real-user-badge:hover .apbct-real-user-popup {
-    z-index: 1;
-    opacity: 1;
-    transition-delay: 0s;
-}
-
-@media (min-width: 768px) {
-    .apbct-real-user-popup {
-        position: absolute;
-    }
-}
-
-.apbct-real-user-title {
-    display: grid;
-    gap: 4px!important;
-}
-
-.apbct-real-user-popup-content_row {
-    display: flex;
-    align-items: center;
-    gap: 1px;
-}
-
-.apbct-real-user-popup-img {
-    align-self: start;
-    margin: 0!important;
-    height: max-content;
-    vertical-align: center;
-}
-
-.apbct-real-user-popup-header {
-    font-weight: bolder;
-    margin: 0;
-}
-
-@media (min-width: 768px) {
-    .apbct-real-user-popup {
-        /*width: max-content;*/
-    }
-    .apbct-real-user-title {
-        width: max-content;
-    }
-    .apbct-real-user-popup-text {
-        display: inline-block;
-        user-select: all;
-        margin: 2px 0 2px 0;
-        background: white!important;
-        color: black!important;
-    }
-}
-
-@media (max-width: 768px) {
-    .apbct-real-user-popup {
-        width: 70vw;
-        left: -100px;
-        top: 20px;
-        margin-left: 0;
-    }
-}
-
 #honeypot-field-url {
     display: none !important;
 }