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) // only user-enabled actually counts in the checkbox when saving because system plugin checkboxes are disabled (see below)
container.innerHTML += ` 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" : ""}"> <label class="checkbox ${plugin.is_system ? "system text-info" : ""}">
${App.FormFields.checkbox_tag("plugins[]", plugin.user_enabled || plugin.system_enabled, plugin.name, ${App.FormFields.checkbox_tag("plugins[]", plugin.user_enabled || plugin.system_enabled, plugin.name,
{disabled: plugin.is_system})}</div> {disabled: plugin.is_system})}</div>
<span class='name'>${plugin.name}:</span> <span class='name'>${plugin.name}:</span>
<span class="description ${plugin.is_system ? "text-info" : ""}">
${plugin.description}
</span>
</label> </label>
<div class="description ${plugin.is_system ? "text-info" : ""}">
${plugin.description}
</div>
<div class='actions'> <div class='actions'>
${plugin.is_system ? ${plugin.is_system ?
App.FormFields.button_tag(App.FormFields.icon("security"), "", 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 { body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px; 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 { body.ttrss_prefs table th {
text-align: left; 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 { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 300px;
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto; cursor: auto;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px;
} }
@media (max-width: 992px) { @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; min-width: 200px ! important;
} }
body.ttrss_prefs ul.prefs-plugin-list li .version { 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 { body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px; 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 { body.ttrss_prefs table th {
text-align: left; 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 { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 300px;
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto; cursor: auto;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px;
} }
@media (max-width: 992px) { @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; min-width: 200px ! important;
} }
body.ttrss_prefs ul.prefs-plugin-list li .version { 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 { body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px; 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 { body.ttrss_prefs table th {
text-align: left; 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 { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 300px;
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto; cursor: auto;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px;
} }
@media (max-width: 992px) { @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; min-width: 200px ! important;
} }
body.ttrss_prefs ul.prefs-plugin-list li .version { 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 { table {
th { th {
text-align : left; text-align : left;
@ -140,7 +128,6 @@ body.ttrss_prefs {
label.checkbox { label.checkbox {
display : flex; display : flex;
align-items : center; align-items : center;
min-width : 300px;
cursor : pointer; cursor : pointer;
&.system { &.system {
@ -148,15 +135,17 @@ body.ttrss_prefs {
} }
.name { .name {
min-width : 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight : bold; font-weight : bold;
margin-right : 20px;
} }
} }
@media (max-width: @breakpoint-lg) { @media (max-width: @breakpoint-lg) {
label.checkbox { label.checkbox .name {
min-width : 200px ! important; 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 { body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px; 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 { body.ttrss_prefs table th {
text-align: left; 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 { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 300px;
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto; cursor: auto;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px;
} }
@media (max-width: 992px) { @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; min-width: 200px ! important;
} }
body.ttrss_prefs ul.prefs-plugin-list li .version { 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 { body.ttrss_prefs fieldset.prefs .help-text-bottom {
margin-top: 10px; 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 { body.ttrss_prefs table th {
text-align: left; 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 { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 300px;
cursor: pointer; cursor: pointer;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox.system {
cursor: auto; cursor: auto;
} }
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name {
min-width: 300px;
flex-grow: 2; flex-grow: 2;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
font-weight: bold; font-weight: bold;
margin-right: 20px;
} }
@media (max-width: 992px) { @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; min-width: 200px ! important;
} }
body.ttrss_prefs ul.prefs-plugin-list li .version { body.ttrss_prefs ul.prefs-plugin-list li .version {