make description clickable in plugin list row

This commit is contained in:
Andrew Dolgov 2021-03-12 18:10:23 +03:00
parent fcce1c443e
commit 4e81233ac9
7 changed files with 23 additions and 68 deletions

View File

@ -368,15 +368,16 @@ const Helpers = {
// only user-enabled actually counts in the checkbox when saving because system plugin checkboxes are disabled (see below)
container.innerHTML += `
<li data-row-value="${App.escapeHtml(plugin.name)}" data-plugin-local="${plugin.is_local}" data-plugin-name="${App.escapeHtml(plugin.name)}" title="${plugin.is_system ? __("System plugins are enabled using global configuration.") : ""}">
<li data-row-value="${App.escapeHtml(plugin.name)}" data-plugin-local="${plugin.is_local}"
data-plugin-name="${App.escapeHtml(plugin.name)}" title="${plugin.is_system ? __("System plugins are enabled using global configuration.") : ""}">
<label class="checkbox ${plugin.is_system ? "system text-info" : ""}">
${App.FormFields.checkbox_tag("plugins[]", plugin.user_enabled || plugin.system_enabled, plugin.name,
{disabled: plugin.is_system})}</div>
<span class='name'>${plugin.name}:</span>
<span class="description ${plugin.is_system ? "text-info" : ""}">
${plugin.description}
</span>
</label>
<div class="description ${plugin.is_system ? "text-info" : ""}">
${plugin.description}
</div>
<div class='actions'>
${plugin.is_system ?
App.FormFields.button_tag(App.FormFields.icon("security"), "",

View File

@ -1526,14 +1526,6 @@ body.ttrss_prefs fieldset.prefs .help-text {
body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px;
}
body.ttrss_prefs fieldset.plugin label.description {
width: 550px;
margin-right: 150px;
display: inline-block;
}
body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
margin-right: 10px;
}
body.ttrss_prefs table th {
text-align: left;
}
@ -1561,20 +1553,21 @@ body.ttrss_prefs ul.prefs-plugin-list li > * {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 300px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
margin-right: 20px;
}
@media (max-width: 992px) {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 200px ! important;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {

View File

@ -1526,14 +1526,6 @@ body.ttrss_prefs fieldset.prefs .help-text {
body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px;
}
body.ttrss_prefs fieldset.plugin label.description {
width: 550px;
margin-right: 150px;
display: inline-block;
}
body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
margin-right: 10px;
}
body.ttrss_prefs table th {
text-align: left;
}
@ -1561,20 +1553,21 @@ body.ttrss_prefs ul.prefs-plugin-list li > * {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 300px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
margin-right: 20px;
}
@media (max-width: 992px) {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 200px ! important;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {

View File

@ -1526,14 +1526,6 @@ body.ttrss_prefs fieldset.prefs .help-text {
body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px;
}
body.ttrss_prefs fieldset.plugin label.description {
width: 550px;
margin-right: 150px;
display: inline-block;
}
body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
margin-right: 10px;
}
body.ttrss_prefs table th {
text-align: left;
}
@ -1561,20 +1553,21 @@ body.ttrss_prefs ul.prefs-plugin-list li > * {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 300px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
margin-right: 20px;
}
@media (max-width: 992px) {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 200px ! important;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {

View File

@ -94,18 +94,6 @@ body.ttrss_prefs {
}
}
fieldset.plugin {
label.description {
width : 550px;
margin-right : 150px;
display : inline-block;
.dijitCheckBox {
margin-right : 10px;
}
}
}
table {
th {
text-align : left;
@ -140,7 +128,6 @@ body.ttrss_prefs {
label.checkbox {
display : flex;
align-items : center;
min-width : 300px;
cursor : pointer;
&.system {
@ -148,15 +135,17 @@ body.ttrss_prefs {
}
.name {
min-width : 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight : bold;
margin-right : 20px;
}
}
@media (max-width: @breakpoint-lg) {
label.checkbox {
label.checkbox .name {
min-width : 200px ! important;
}

View File

@ -1527,14 +1527,6 @@ body.ttrss_prefs fieldset.prefs .help-text {
body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px;
}
body.ttrss_prefs fieldset.plugin label.description {
width: 550px;
margin-right: 150px;
display: inline-block;
}
body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
margin-right: 10px;
}
body.ttrss_prefs table th {
text-align: left;
}
@ -1562,20 +1554,21 @@ body.ttrss_prefs ul.prefs-plugin-list li > * {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 300px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
margin-right: 20px;
}
@media (max-width: 992px) {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 200px ! important;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {

View File

@ -1527,14 +1527,6 @@ body.ttrss_prefs fieldset.prefs .help-text {
body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px;
}
body.ttrss_prefs fieldset.plugin label.description {
width: 550px;
margin-right: 150px;
display: inline-block;
}
body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
margin-right: 10px;
}
body.ttrss_prefs table th {
text-align: left;
}
@ -1562,20 +1554,21 @@ body.ttrss_prefs ul.prefs-plugin-list li > * {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 300px;
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
margin-right: 20px;
}
@media (max-width: 992px) {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 200px ! important;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {