Ticket #3941 - Artificer template (part 4): Move to core: Favorite, Feature, Score, etc.

modules/boonex/artificer/data/template/system/css/favorite.css

@@ -1,3 +0,0 @@
-/*--
-import url(../../../../../../../template/css/favorite.css);
---*/

modules/boonex/artificer/data/template/system/css/feature.css

@@ -1,3 +0,0 @@
-/*--
-import url(../../../../../../../template/css/feature.css);
---*/

modules/boonex/artificer/data/template/system/css/score.css

@@ -1,54 +0,0 @@
-/*--
-import url(../../../../../../../template/css/score.css);
---*/
-
-/*--- Voted By ---*/
-div.bx-score-by-list {}
-div.bx-score-by-list-cnt {
-    max-height: 12.5rem;
-    min-width: 13.75rem;
-    overflow: auto;
-}
-div.bx-score-by-list div.bx-base-pofile-unit {
-    float: none;
-    margin-right: 0px;
-    margin-bottom: 0px;
-}
-div.bx-score-by-item {
-    display: -webkit-flex;
-    display: flex;
-    align-items: center;
-    -webkit-align-items: center;
-    flex-wrap: nowrap;
-    -webkit-flex-wrap: nowrap;
-}
-div.bx-score-by-item .bx-score-bi-user,
-div.bx-score-by-item .bx-score-bi-info,
-div.bx-score-by-item .bx-score-bi-vote {
-    -webkit-flex: 0 1 auto; 
-    -ms-flex: 0 1 auto; 
-    flex: 0 1 auto;
-}
-div.bx-score-by-item .bx-score-bi-info {
-    -webkit-flex-grow: 3; 
-    flex-grow: 3;
-}
-div.bx-score-by-item .bx-score-bi-vote {
-    width: 1.25rem;
-    height: 1.25rem;
-}
-
-
-/*--- Counter Styles ---*/
-.bx-score-counter .bx-score-counter-label .bx-score-counter-text {
-    width: auto;
-    height: auto;
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-}
-.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-more-auto .bx-score-counter-holder {
-    border-width: 0;
-}
-.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-more-auto .bx-score-counter-holder .bx-score-counter-label {
-    padding: 0;
-}

modules/boonex/artificer/data/template/system/favorite_element_block.html

@@ -1,7 +0,0 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_favorite_data_count="__count__">
-    <div class="sys-action-element-holder __style_prefix__-element-holder">__do_favorite__</div>
-    <bx_if:show_counter>
-        <div class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
-    </bx_if:show_counter>
-    __script__
-</div>

modules/boonex/artificer/data/template/system/favorite_element_inline.html

@@ -1,3 +0,0 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ inline-flex items-center whitespace-nowrap" bx_favorite_data_count="__count__">
-    <span class="sys-action-element-holder __style_prefix__-element-holder">__do_favorite__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
-</span>

modules/boonex/artificer/data/template/system/feature_element_block.html

@@ -1,4 +0,0 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_feature_data_count="__count__">
-    <div class="sys-action-element-holder __style_prefix__-element-holder">__do_feature__</div>
-    __script__
-</div>

modules/boonex/artificer/data/template/system/feature_element_inline.html

@@ -1,3 +0,0 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ inline-flex items-center whitespace-nowrap" bx_feature_data_count="__count__">
-    <span class="sys-action-element-holder __style_prefix__-element-holder">__do_feature__</span>__script__
-</span>

modules/boonex/artificer/data/template/system/report_element_block.html

@@ -1,7 +0,0 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_report_data_count="__count__">
-    <div class="sys-action-element-holder __style_prefix__-element-holder">__do_report__</div>
-    <bx_if:show_counter>
-        <div class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
-    </bx_if:show_counter>
-    __script__
-</div>

modules/boonex/artificer/data/template/system/report_element_inline.html

@@ -1,3 +0,0 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_report_data_count="__count__">
-    <span class="sys-action-element-holder __style_prefix__-element-holder group flex items-center p-1 px-2 space-x-1">__do_report__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
-</span>

modules/boonex/artificer/data/template/system/score_counter.html

@@ -1,7 +0,0 @@
-<bx_if:show_text>
-    <span id="__id__" class="__class__ bx-def-font-grayed">__content__</span>
-</bx_if:show_text>
-<bx_if:show_link>
-    <a id="__id__" class="__class__ sys-ac-link group box-border" href="javascript:void(0)" onclick="__onclick__" title="__title__">__content__</a>
-</bx_if:show_link>
-__script__

modules/boonex/artificer/data/template/system/score_counter_label.html

@@ -1,10 +0,0 @@
-<span class="sys-action-counter-label __style_prefix__-counter-label flex items-center text-xs font-medium">
-    <bx_if:show_icon>
-        <span class="sys-action-counter-icon __style_prefix__-counter-icon relative flex items-center justify-center ring-1  h-6 w-6 ring-white dark:ring-gray-700 h-6 w-6 bg-gray-200 dark:bg-gray-700 rounded-full">
-            <i class="sys-icon __name__"></i>
-        </span>
-    </bx_if:show_icon>
-    <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
-    </bx_if:show_text>
-</span>

modules/boonex/artificer/data/template/system/score_element_block.html

@@ -1,15 +0,0 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_score_data_score="__score__" bx_score_data_cup="__cup__" bx_score_data_cdown="__cdown__">
-    <div class="sys-action-cnt __style_prefix__-cnt bx-def-valign-center bx-clearfix">
-        <bx_if:show_do_vote_up>
-            <div class="sys-action-element-holder __style_prefix__-element-holder __style_prefix__-eh-up">__do_vote__</div>
-        </bx_if:show_do_vote_up>
-        <bx_if:show_counter>
-            <div class="sys-action-counter-holder __style_prefix__-counter-holder bx-def-margin-sec-left-auto bx-btn-border"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
-        </bx_if:show_counter>
-        <bx_if:show_do_vote_down>
-            <div class="sys-action-element-holder __style_prefix__-element-holder __style_prefix__-eh-down bx-def-margin-sec-left-auto">__do_vote__</div>
-        </bx_if:show_do_vote_down>
-    </div>
-    <bx_if:show_legend>__legend__</bx_if:show_legend>
-    __script__
-</div>

modules/boonex/decorous/data/template/system/css/menu.less

@@ -148,7 +148,8 @@
     }
     .bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
     .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span,
-    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom,
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .sys-action {
         margin: 0;
         padding: 0.25rem 0.5rem;
     }

modules/boonex/protean/data/template/system/css/menu.less

@@ -70,7 +70,8 @@
     }
     .bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
     .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span,
-    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom,
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .sys-action {
         margin: 0;
         padding: 0.5rem 1.0rem;
         border-radius: 0;

modules/boonex/timeline/template/repost_do_repost_label.html

@@ -1 +1 @@
-<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-do __style_prefix__-do bx-def-valign-center"><bx_if:show_icon><span class="sys-action-do-icon __style_prefix__-do-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-do-text __style_prefix__-do-text ml-2 first:ml-0 whitespace-nowrap">__text__</span></bx_if:show_text></span>

template/css/favorite.css

@@ -1,79 +0,0 @@
-/*--- Favorited By List ---*/
-div.bx-favorite-by-list {}
-div.bx-favorite-by-list-cnt {
-    max-height: 400px;
-    max-height: 25rem;
-    min-width: 220px;
-    min-width: 13.75rem;
-    max-width: 320px;
-    max-width: 20rem;
-    overflow: auto;
-}
-div.bx-favorite-by-list div.bx-def-unit {
-    float: none;
-    margin-right: 0px;
-    margin-bottom: 0px;
-}
-div.bx-favorite-bi-thumbnail,
-div.bx-favorite-bi-info {
-    position: relative;
-}
-div.bx-favorite-bi-info p {
-    margin: 0px; 
-}
-
-/*--- Favorite Element Styles ---*/
-div.bx-favorite div.bx-favorite-element-holder,
-div.bx-favorite div.bx-favorite-counter-holder {
-    position: relative;
-    float: left;
-}
-
-/*--- Favorite Element Styles ---*/
-.bx-favorite .bx-favorite-element-holder,
-.bx-favorite .bx-favorite-counter-holder {
-    line-height: 20px;
-    line-height: 1.25rem;
-}
-
-.bx-favorite-button .bx-favorite-element-holder,
-.bx-favorite-button .bx-favorite-counter-holder {
-    line-height: 36px;
-    line-height: 2.2rem;
-}
-
-.bx-favorite-button-small .bx-favorite-element-holder,
-.bx-favorite-button-small .bx-favorite-counter-holder {
-    line-height: 24px;
-    line-height: 1.6rem;
-}
-
-.bx-favorite .bx-favorite-element-holder .bx-favorite-do-favorite.bx-favorite-disabled,
-.bx-favorite .bx-favorite-element-holder .bx-favorite-do-favorite.bx-favorite-disabled .sys-icon {
-    color: #ddd;
-}
-
-.bx-favorite-button .bx-favorite-counter-holder .bx-btn-height,
-.bx-favorite-button-small .bx-favorite-counter-holder .bx-btn-height {
-    font-size: 1.5rem;
-}
-
-.bx-favorite-link .bx-favorite-counter-holder.bx-btn-border {
-    border-width: 0px;
-}
-
-.bx-favorite-do-form .bx-form-input-checkbox_set {
-    min-width:250px;
-}
-.bx-favorite-do-form .bx-form-input-checkbox_set label{
-    white-space: pre;
-}
-.bx-menu-object-sys_favorite_list{
-    float:left;
-    margin-right:1rem !important;
-}
-
-/*--- Counter Styles ---*/
-.bx-favorite-counter-holder .bx-favorite-counter {
-    line-height: normal;
-}

template/css/feature.css

@@ -1,26 +0,0 @@
-/*--- Feature Element Styles ---*/
-div.bx-feature div.bx-feature-element-holder {
-	position: relative;
-	float: left;
-}
-
-/*--- Feature Element Styles ---*/
-.bx-feature .bx-feature-element-holder {
-	line-height: 20px;
-	line-height: 1.25rem;
-}
-
-.bx-feature-button .bx-feature-element-holder {
-	line-height: 36px;
-	line-height: 2.2rem;
-}
-
-.bx-feature-button-small .bx-feature-element-holder {
-	line-height: 24px;
-	line-height: 1.6rem;
-}
-
-.bx-feature .bx-feature-element-holder .bx-feature-do-feature.bx-feature-disabled,
-.bx-feature .bx-feature-element-holder .bx-feature-do-feature.bx-feature-disabled .sys-icon {
-	color: #ddd;
-}

template/css/menu.css

@@ -26,8 +26,8 @@ ul.bx-menu-custom-hor {
     text-decoration:none;
 }
 
-.bx-menu-hor-inline li a:not(.bx-btn):not(.sys-ac-link) {
-    display:inline;
+.bx-menu-hor-inline li a:not(.bx-btn) {
+    display: inline-flex;
 }
 
 .bx-menu-hor li.bx-menu-tab-active a,
@@ -768,10 +768,6 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     display: block;
     margin: 0;
 }
-.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto a,
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto a {
-    padding: 0 0.5rem;
-}
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item,
 .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
     padding-top: 0.25rem;
@@ -844,7 +840,6 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     justify-content: flex-start;
     box-sizing: border-box;
     width: 100%;
-    padding: 0 0.625rem;
 }
 
 .bx-popup .bx-menu-ver li img,

template/css/score.css

@@ -1,106 +1,54 @@
-/*--- Comment Voted By ---*/
+/*--
+import url(../../../../../../../template/css/score.css);
+--*/
+
+/*--- Voted By ---*/
 div.bx-score-by-list {}
 div.bx-score-by-list-cnt {
-	max-height: 200px;
-	max-height: 12.5rem;
-	min-width: 220px;
-	min-width: 13.75rem;
-	overflow: auto;
+    max-height: 12.5rem;
+    min-width: 13.75rem;
+    overflow: auto;
 }
 div.bx-score-by-list div.bx-base-pofile-unit {
-	float: none;
-	margin-right: 0px;
-	margin-bottom: 0px;
+    float: none;
+    margin-right: 0px;
+    margin-bottom: 0px;
 }
 div.bx-score-by-item {
-	display: -webkit-flex;
+    display: -webkit-flex;
     display: flex;
     align-items: center;
     -webkit-align-items: center;
-	flex-wrap: nowrap;
+    flex-wrap: nowrap;
     -webkit-flex-wrap: nowrap;
 }
 div.bx-score-by-item .bx-score-bi-user,
 div.bx-score-by-item .bx-score-bi-info,
 div.bx-score-by-item .bx-score-bi-vote {
-	-webkit-flex: 0 1 auto; 
+    -webkit-flex: 0 1 auto; 
     -ms-flex: 0 1 auto; 
     flex: 0 1 auto;
 }
 div.bx-score-by-item .bx-score-bi-info {
-	-webkit-flex-grow: 3; 
+    -webkit-flex-grow: 3; 
     flex-grow: 3;
 }
 div.bx-score-by-item .bx-score-bi-vote {
-	width: 1.25rem;
+    width: 1.25rem;
     height: 1.25rem;
 }
 
-/*--- Vote Element Styles ---*/
-div.bx-score-element-holder,
-div.bx-score-counter-holder {
-    position: relative;
-    float: left;
-
-    line-height: 20px;
-    line-height: 1.25rem;
-}
-
-.bx-score-counter-holder{
-    min-width: 40px !important;
-    text-align: center;
-}
-
-.bx-score-button .bx-score-element-holder,
-.bx-score-button .bx-score-counter-holder {
-    line-height: 36px;
-    line-height: 2.2rem;
-}
-
-.bx-score-button-small .bx-score-element-holder,
-.bx-score-button-small .bx-score-counter-holder {
-    line-height: 24px;
-    line-height: 1.6rem;
-}
-
-.bx-score-element-holder .bx-score-do-vote.bx-score-disabled,
-.bx-score-element-holder .bx-score-do-vote.bx-score-disabled .sys-icon {
-    color: #ddd;
-}
-
-.bx-score:not(.bx-score-button):not(.bx-score-button-small) .bx-score-counter-holder.bx-btn-border {
-    border-width: 0px;
-}
-
-.bx-score-button .bx-score-counter-holder .bx-btn-height,
-.bx-score-button-small .bx-score-counter-holder .bx-btn-height {
-    font-size: 1.5rem;
-}
 
 /*--- Counter Styles ---*/
-.bx-score-counter .bx-score-counter-label.bx-def-valign-center .bx-score-counter-text {
-    line-height: normal;
+.bx-score-counter .bx-score-counter-label .bx-score-counter-text {
+    width: auto;
+    height: auto;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
 }
-.bx-score-counter span.bx-score-counter-icon {
-    position: relative;
-    box-sizing: border-box;
-
-    width: 2.0rem;
-    height: 2.0rem;
-
-    background-color: rgba(232, 232, 232, 1.0);
-    border: 1px solid #ffffff;
-    border-radius: 1rem;
-
-    line-height: normal;
-    font-size: 1.0rem;
-}
-.bx-score-counter span.bx-score-counter-icon:not(.bx-def-align-center) {
-    display: inline-block;
-
-    line-height: 1.9rem;
-    text-align: center;
+.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-more-auto .bx-score-counter-holder {
+    border-width: 0;
 }
-.bx-score-counter span.bx-score-counter-icon .sys-icon {
-    vertical-align: top;
+.bx-base-general-entity-actions .bx-menu-custom-hor.bx-menu-more-auto .bx-score-counter-holder .bx-score-counter-label {
+    padding: 0;
 }

template/favorite_element_block.html

@@ -1,7 +1,7 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom bx-def-valign-center bx-clearfix" bx_favorite_data_count="__count__">
+<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_favorite_data_count="__count__">
     <div class="sys-action-element-holder __style_prefix__-element-holder">__do_favorite__</div>
     <bx_if:show_counter>
-        <div class="sys-action-counter-holder __style_prefix__-counter-holder bx-def-margin-sec-left bx-btn-border"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
+        <div class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
     </bx_if:show_counter>
     __script__
 </div>

template/favorite_element_inline.html

@@ -1,3 +1,3 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom bx-def-valign-center" bx_favorite_data_count="__count__">
-    <span class="sys-action-element-holder __style_prefix__-element-holder">__do_favorite__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder bx-def-margin-thd-left bx-btn-border"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
+<span id="__html_id__" class="sys-action __style_prefix__ __class__ inline-flex items-center whitespace-nowrap" bx_favorite_data_count="__count__">
+    <span class="sys-action-element-holder __style_prefix__-element-holder">__do_favorite__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
 </span>

template/feature_element_block.html

@@ -1,4 +1,4 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom bx-clearfix" bx_feature_data_count="__count__">
+<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_feature_data_count="__count__">
     <div class="sys-action-element-holder __style_prefix__-element-holder">__do_feature__</div>
     __script__
 </div>

template/feature_element_inline.html

@@ -1,3 +1,3 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom" bx_feature_data_count="__count__">
+<span id="__html_id__" class="sys-action __style_prefix__ __class__ inline-flex items-center whitespace-nowrap" bx_feature_data_count="__count__">
     <span class="sys-action-element-holder __style_prefix__-element-holder">__do_feature__</span>__script__
 </span>

template/report_element_block.html

@@ -1,7 +1,7 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom bx-def-valign-center bx-clearfix" bx_report_data_count="__count__">
+<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_report_data_count="__count__">
     <div class="sys-action-element-holder __style_prefix__-element-holder">__do_report__</div>
     <bx_if:show_counter>
-        <div class="sys-action-counter-holder __style_prefix__-counter-holder bx-def-margin-sec-left bx-btn-border"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
+        <div class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</div>
     </bx_if:show_counter>
     __script__
 </div>

template/report_element_inline.html

@@ -1,3 +1,3 @@
-<span id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom bx-def-valign-center" bx_report_data_count="__count__">
-    <span class="sys-action-element-holder __style_prefix__-element-holder">__do_report__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder bx-def-margin-thd-left bx-btn-border"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
+<span id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_report_data_count="__count__">
+    <span class="sys-action-element-holder __style_prefix__-element-holder group flex items-center p-1 px-2 space-x-1">__do_report__</span><bx_if:show_counter><span class="sys-action-counter-holder __style_prefix__-counter-holder ml-2 first:ml-0"<bx_if:show_hidden> style="display:none"</bx_if:show_hidden>>__counter__</span></bx_if:show_counter>__script__
 </span>

template/score_counter.html

@@ -1,2 +1,7 @@
-<bx_if:show_link><a id="__id__" class="__class__" href="javascript:void(0)" onclick="__onclick__" title="__title__">__content__</a></bx_if:show_link><bx_if:show_text><span id="__id__" class="__class__ bx-def-font-grayed">__content__</span></bx_if:show_text>
+<bx_if:show_text>
+    <span id="__id__" class="__class__ bx-def-font-grayed">__content__</span>
+</bx_if:show_text>
+<bx_if:show_link>
+    <a id="__id__" class="__class__ sys-ac-link group box-border" href="javascript:void(0)" onclick="__onclick__" title="__title__">__content__</a>
+</bx_if:show_link>
 __script__

template/score_counter_label.html

@@ -1 +1,10 @@
-<span class="sys-action-counter-label __style_prefix__-counter-label bx-def-align-center"><bx_if:show_icon><span class="sys-action-counter-icon __style_prefix__-counter-icon bx-def-align-center">__icon__</span></bx_if:show_icon><bx_if:show_text><span class="sys-action-counter-text __style_prefix__-counter-text bx-def-margin-sec-left-auto">__text__</span></bx_if:show_text></span>
+<span class="sys-action-counter-label __style_prefix__-counter-label flex items-center text-xs font-medium">
+    <bx_if:show_icon>
+        <span class="sys-action-counter-icon __style_prefix__-counter-icon relative flex items-center justify-center ring-1  h-6 w-6 ring-white dark:ring-gray-700 h-6 w-6 bg-gray-200 dark:bg-gray-700 rounded-full">
+            <i class="sys-icon __name__"></i>
+        </span>
+    </bx_if:show_icon>
+    <bx_if:show_text>
+        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
+    </bx_if:show_text>
+</span>

template/score_element_block.html

@@ -1,4 +1,4 @@
-<div id="__html_id__" class="sys-action __style_prefix__ __class__ bx-def-margin-right-auto bx-def-margin-thd-topbottom" bx_score_data_score="__score__" bx_score_data_cup="__cup__" bx_score_data_cdown="__cdown__">
+<div id="__html_id__" class="sys-action __style_prefix__ __class__ flex items-center whitespace-nowrap" bx_score_data_score="__score__" bx_score_data_cup="__cup__" bx_score_data_cdown="__cdown__">
     <div class="sys-action-cnt __style_prefix__-cnt bx-def-valign-center bx-clearfix">
         <bx_if:show_do_vote_up>
             <div class="sys-action-element-holder __style_prefix__-element-holder __style_prefix__-eh-up">__do_vote__</div>