Browse Source

make description clickable in plugin list row

master
Andrew Dolgov 1 year ago
parent
commit
4e81233ac9
  1. 9
      js/PrefHelpers.js
  2. 13
      themes/compact.css
  3. 13
      themes/compact_night.css
  4. 13
      themes/light.css
  5. 17
      themes/light/prefs.less
  6. 13
      themes/night.css
  7. 13
      themes/night_blue.css

9
js/PrefHelpers.js

@ -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"), "",

13
themes/compact.css

@ -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 {

13
themes/compact_night.css

@ -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 {

13
themes/light.css

@ -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 {

17
themes/light/prefs.less

@ -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;
}

13
themes/night.css

@ -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 {

13
themes/night_blue.css

@ -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 {

Loading…
Cancel
Save