render list of plugins on the client

master
Andrew Dolgov 2 years ago
parent 217922899d
commit 473ea6255c
  1. 229
      classes/pref/prefs.php
  2. 134
      js/PrefHelpers.js
  3. 37
      themes/compact.css
  4. 37
      themes/compact_night.css
  5. 37
      themes/light.css
  6. 45
      themes/light/prefs.less
  7. 37
      themes/night.css
  8. 37
      themes/night_blue.css

@ -787,164 +787,73 @@ class Pref_Prefs extends Handler_Protected {
<?php
}
private function index_plugins_system() {
print_notice("System plugins are enabled in <strong>config.php</strong> for all users.");
$system_enabled = array_map("trim", explode(",", (string)Config::get(Config::PLUGINS)));
$tmppluginhost = new PluginHost();
$tmppluginhost->load_all($tmppluginhost::KIND_ALL, $_SESSION["uid"], true);
foreach ($tmppluginhost->get_plugins() as $name => $plugin) {
$about = $plugin->about();
$is_local = $tmppluginhost->is_local($plugin);
$version = htmlspecialchars($this->_get_plugin_version($plugin));
if ($about[3] ?? false) {
$is_checked = in_array($name, $system_enabled) ? "checked" : "";
?>
<fieldset class='prefs plugin' data-plugin-name='<?= htmlspecialchars($name) ?>'>
<label><?= $name ?>:</label>
<label class='checkbox description text-muted' id="PLABEL-<?= htmlspecialchars($name) ?>">
<input disabled='1' dojoType='dijit.form.CheckBox' <?= $is_checked ?> type='checkbox'><?= htmlspecialchars($about[1]) ?>
</label>
<?php if (count($tmppluginhost->get_all($plugin)) > 0) {
if (in_array($name, $system_enabled)) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Clear data") ?>"
onclick='Helpers.Plugins.clearPluginData("<?= htmlspecialchars($name) ?>")'>
<i class='material-icons'>clear</i></button>
<?php }
} ?>
<?php if ($about[4] ?? false) { ?>
<button dojoType='dijit.form.Button' class='alt-info' title="<?= __("More info...") ?>"
onclick='window.open("<?= htmlspecialchars($about[4]) ?>")'>
<i class='material-icons'>help</i></button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10) { ?>
<button style="display : none" class='alt-warning' title="<?= __("Update") ?>"
data-update-btn-for-plugin="<?= htmlspecialchars($name) ?>" dojoType='dijit.form.Button'
onclick='Helpers.Plugins.update("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("update") ?>
</button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10 && $is_local) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Uninstall") ?>"
onclick='Helpers.Plugins.uninstall("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("delete") ?>
</button>
<?php } ?>
<?php if ($version) { ?>
<div dojoType='dijit.Tooltip' connectId='PLABEL-<?= htmlspecialchars($name) ?>' position='after'>
<?= $version ?>
</div>
<?php } ?>
</fieldset>
<?php
}
}
}
private function index_plugins_user() {
function getPluginsList() {
$system_enabled = array_map("trim", explode(",", (string)Config::get(Config::PLUGINS)));
$user_enabled = array_map("trim", explode(",", get_pref(Prefs::_ENABLED_PLUGINS)));
$tmppluginhost = new PluginHost();
$tmppluginhost->load_all($tmppluginhost::KIND_ALL, $_SESSION["uid"], true);
$rv = [];
foreach ($tmppluginhost->get_plugins() as $name => $plugin) {
$about = $plugin->about();
$is_local = $tmppluginhost->is_local($plugin);
$version = htmlspecialchars($this->_get_plugin_version($plugin));
if (empty($about[3]) || $about[3] == false) {
$is_checked = "";
$is_disabled = "";
if (in_array($name, $system_enabled)) {
$is_checked = "checked='1'";
$is_disabled = "disabled='1'";
} else if (in_array($name, $user_enabled)) {
$is_checked = "checked='1'";
}
?>
<fieldset class='prefs plugin' data-plugin-name='<?= htmlspecialchars($name) ?>'>
<label><?= $name ?>:</label>
<label class='checkbox description text-muted' id="PLABEL-<?= htmlspecialchars($name) ?>">
<input name='plugins[]' value="<?= htmlspecialchars($name) ?>"
dojoType='dijit.form.CheckBox' <?= $is_checked ?> <?= $is_disabled ?> type='checkbox'>
<?= htmlspecialchars($about[1]) ?>
</input>
</label>
<?php if (count($tmppluginhost->get_all($plugin)) > 0) {
if (in_array($name, $system_enabled) || in_array($name, $user_enabled)) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Clear data") ?>"
onclick='Helpers.Plugins.clearPluginData("<?= htmlspecialchars($name) ?>")'>
<i class='material-icons'>clear</i></button>
<?php }
} ?>
<?php if ($about[4] ?? false) { ?>
<button dojoType='dijit.form.Button' class='alt-info' title="<?= __("More info...") ?>"
onclick='window.open("<?= htmlspecialchars($about[4]) ?>")'>
<i class='material-icons'>help</i></button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10) { ?>
<button style="display : none" class='alt-warning' title="<?= __("Update") ?>"
data-update-btn-for-plugin="<?= htmlspecialchars($name) ?>" dojoType='dijit.form.Button'
onclick='Helpers.Plugins.update("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("update") ?>
</button>
<?php } ?>
<?php if ($_SESSION["access_level"] >= 10 && $is_local) { ?>
<button dojoType='dijit.form.Button' title="<?= __("Uninstall") ?>"
onclick='Helpers.Plugins.uninstall("<?= htmlspecialchars($name) ?>")'>
<?= \Controls\icon("delete") ?>
</button>
<?php } ?>
array_push($rv, [
"name" => $name,
"is_local" => $is_local,
"system_enabled" => in_array($name, $system_enabled),
"user_enabled" => in_array($name, $user_enabled),
"has_data" => count($tmppluginhost->get_all($plugin)) > 0,
"is_system" => (bool)($about[3] ?? false),
"version" => $version,
"author" => $about[2] ?? "",
"description" => $about[1] ?? "",
"more_info" => $about[4] ?? "",
]);
}
<?php if ($version) { ?>
<div dojoType='dijit.Tooltip' connectId='PLABEL-<?= htmlspecialchars($name) ?>' position='after'>
<?= $version ?>
</div>
<?php } ?>
usort($rv, function($a, $b) { return strcmp($a["name"], $b["name"]); });
</fieldset>
<?php
}
}
print json_encode(['plugins' => $rv, 'is_admin' => $_SESSION['access_level'] >= 10]);
}
function index_plugins() {
?>
<form dojoType="dijit.form.Form" id="changePluginsForm">
<script type="dojo/method" event="onSubmit" args="evt">
evt.preventDefault();
if (this.validate()) {
xhr.post("backend.php", this.getValues(), () => {
Notify.close();
if (confirm(__('Selected plugins have been enabled. Reload?'))) {
window.location.reload();
}
})
}
</script>
<?= \Controls\hidden_tag("op", "pref-prefs") ?>
<?= \Controls\hidden_tag("method", "setplugins") ?>
<div dojoType="dijit.layout.BorderContainer" gutters="false">
<div region="top" dojoType='fox.Toolbar'>
<div class='pull-right'>
<input name="search" type="search" onkeyup='Helpers.Plugins.search()' dojoType="dijit.form.TextBox">
<button dojoType='dijit.form.Button' onclick='Helpers.Plugins.search()'>
<?= __('Search') ?>
</button>
</div>
<div dojoType='fox.form.DropDownButton'>
<span><?= __('Select') ?></span>
<div dojoType='dijit.Menu' style='display: none'>
<div onclick="Lists.select('prefs-plugin-list', true)"
dojoType='dijit.MenuItem'><?= __('All') ?></div>
<div onclick="Lists.select('prefs-plugin-list', false)"
dojoType='dijit.MenuItem'><?= __('None') ?></div>
</div>
</div>
</div>
<div dojoType="dijit.layout.ContentPane" region="center" style="overflow-y : auto">
<?php
<script type="dojo/method" event="onShow">
Helpers.Plugins.reload();
</script>
<!-- <?php
if (!empty($_SESSION["safe_mode"])) {
print_error("You have logged in using safe mode, no user plugins will be actually enabled until you login again.");
}
@ -966,39 +875,32 @@ class Pref_Prefs extends Handler_Protected {
) . " (<a href='https://tt-rss.org/wiki/FeedHandlerPlugins' target='_blank'>".__("More info...")."</a>)"
);
}
?>
<h2><?= __("System plugins") ?></h2>
?> -->
<?php $this->index_plugins_system() ?>
<h2><?= __("User plugins") ?></h2>
<?php $this->index_plugins_user() ?>
<ul id="prefs-plugin-list" class="prefs-plugin-list list-unstyled">
<li><?= __("Loading, please wait...") ?></li>
</ul>
</div>
<div dojoType="dijit.layout.ContentPane" region="bottom">
<button dojoType='dijit.form.Button' class="alt-info pull-left" onclick='window.open("https://tt-rss.org/wiki/Plugins")'>
<button dojoType='dijit.form.Button' class="alt-info pull-right" onclick='window.open("https://tt-rss.org/wiki/Plugins")'>
<i class='material-icons'>help</i>
<?= __("More info...") ?>
<?= __("More info") ?>
</button>
<button dojoType='dijit.form.Button' class='alt-primary' type='submit'>
<?= \Controls\icon("save") ?>
<?= __("Enable selected") ?>
</button>
<?= \Controls\button_tag(\Controls\icon("check") . " " .__("Enable selected"), "", ["class" => "alt-primary",
"onclick" => "Helpers.Plugins.enableSelected()"]) ?>
<?= \Controls\button_tag(\Controls\icon("refresh"), "", ["title" => __("Reload"), "onclick" => "Helpers.Plugins.reload()"]) ?>
<?php if ($_SESSION["access_level"] >= 10) { ?>
<?php if (Config::get(Config::CHECK_FOR_UPDATES) && Config::get(Config::CHECK_FOR_PLUGIN_UPDATES)) { ?>
<button dojoType='dijit.form.Button' onclick="Helpers.Plugins.checkForUpdate()">
<button class='alt-warning' dojoType='dijit.form.Button' onclick="Helpers.Plugins.update()">
<?= \Controls\icon("update") ?>
<?= __("Check for updates") ?>
</button>
<button class="update-all-plugins-btn alt-warning" style="display : none" dojoType='dijit.form.Button' onclick="Helpers.Plugins.update()">
<?= \Controls\icon("update") ?>
<?= __("Update plugins") ?>
</button>
<?php } ?>
<?php if (Config::get(Config::ENABLE_PLUGIN_INSTALLER)) { ?>
@ -1031,16 +933,8 @@ class Pref_Prefs extends Handler_Protected {
<div dojoType='dijit.layout.AccordionPane' selected='true' title="<i class='material-icons'>settings</i> <?= __('Preferences') ?>">
<?php $this->index_prefs() ?>
</div>
<div dojoType='dijit.layout.AccordionPane' title="<i class='material-icons'>extension</i> <?= __('Plugins') ?>">
<script type='dojo/method' event='onSelected' args='evt'>
if (this.domNode.querySelector('.loading'))
window.setTimeout(() => {
xhr.post("backend.php", {op: 'pref-prefs', method: 'index_plugins'}, (reply) => {
this.attr('content', reply);
});
}, 200);
</script>
<span class='loading'><?= __("Loading, please wait...") ?></span>
<div dojoType='dijit.layout.AccordionPane' style='padding : 0' title="<i class='material-icons'>extension</i> <?= __('Plugins') ?>">
<?php $this->index_plugins() ?>
</div>
<?php PluginHost::getInstance()->run_hooks(PluginHost::HOOK_PREFS_TAB, "prefPrefs") ?>
</div>
@ -1119,12 +1013,9 @@ class Pref_Prefs extends Handler_Protected {
}
function setplugins() {
if (is_array(clean($_REQUEST["plugins"])))
$plugins = join(",", clean($_REQUEST["plugins"]));
else
$plugins = "";
$plugins = array_filter($_REQUEST["plugins"], 'clean') ?? [];
set_pref(Prefs::_ENABLED_PLUGINS, $plugins);
set_pref(Prefs::_ENABLED_PLUGINS, implode(",", $plugins));
}
function _get_plugin_version(Plugin $plugin) {

@ -308,44 +308,101 @@ const Helpers = {
},
},
Plugins: {
clearPluginData: function(name) {
if (confirm(__("Clear stored data for this plugin?"))) {
Notify.progress("Loading, please wait...");
_list_of_plugins: [],
_search_query: "",
enableSelected: function() {
const form = dijit.byId("changePluginsForm");
xhr.post("backend.php", {op: "pref-prefs", method: "clearPluginData", name: name}, () => {
Helpers.Prefs.refresh();
});
if (form.validate()) {
xhr.post("backend.php", form.getValues(), () => {
Notify.close();
if (confirm(__('Selected plugins have been enabled. Reload?'))) {
window.location.reload();
}
})
}
},
checkForUpdate: function(name = null) {
Notify.progress("Checking for plugin updates...");
search: function() {
this._search_query = dijit.byId("changePluginsForm").getValues().search;
this.render_contents();
},
reload: function() {
xhr.json("backend.php", {op: "pref-prefs", method: "getPluginsList"}, (reply) => {
this._list_of_plugins = reply;
this.render_contents();
});
},
render_contents: function() {
const container = document.querySelector(".prefs-plugin-list");
xhr.json("backend.php", {op: "pref-prefs", method: "checkForPluginUpdates", name: name}, (reply) => {
Notify.close();
container.innerHTML = "";
let results_rendered = 0;
if (reply) {
let plugins_with_updates = 0;
const is_admin = this._list_of_plugins.is_admin;
reply.forEach((p) => {
if (p.rv.o) {
const button = dijit.getEnclosingWidget(App.find(`*[data-update-btn-for-plugin="${p.plugin}"]`));
const search_tokens = this._search_query
.split(/ {1,}/)
.filter((stoken) => (stoken.length > 0 ? stoken : null));
if (button) {
button.domNode.show();
++plugins_with_updates;
}
}
});
this._list_of_plugins.plugins.forEach((plugin) => {
if (search_tokens.length == 0 ||
Object.values(plugin).filter((pval) =>
search_tokens.filter((stoken) =>
(pval.toString().indexOf(stoken) != -1 ? stoken : null)
).length == search_tokens.length).length > 0) {
++results_rendered;
container.innerHTML += `
<li data-row-value="${App.escapeHtml(plugin.name)}" 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>
</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"), "",
{disabled: true}) : ''}
${plugin.more_info ?
App.FormFields.button_tag(App.FormFields.icon("help"), "",
{class: 'alt-info', onclick: `window.open("${App.escapeHtml(plugin.more_info)}")`}) : ''}
${is_admin && plugin.is_local ?
App.FormFields.button_tag(App.FormFields.icon("update"), "",
{title: __("Update"), class: 'alt-warning', "data-update-btn-for-plugin": plugin.name, style: 'display : none',
onclick: `Helpers.Plugins.update("${App.escapeHtml(plugin.name)}")`}) : ''}
${is_admin && plugin.has_data ?
App.FormFields.button_tag(App.FormFields.icon("clear"), "",
{title: __("Clear data"), onclick: `Helpers.Plugins.clearData("${App.escapeHtml(plugin.name)}")`}) : ''}
${is_admin && plugin.is_local ?
App.FormFields.button_tag(App.FormFields.icon("delete"), "",
{title: __("Uninstall"), onclick: `Helpers.Plugins.uninstall("${App.escapeHtml(plugin.name)}")`}) : ''}
</div>
<div class='version text-muted'>${plugin.version}</div>
</li>
`;
}
});
if (plugins_with_updates > 0)
App.find(".update-all-plugins-btn").show();
else
Notify.info("All local plugins are up-to-date.");
if (results_rendered == 0) {
container.innerHTML = `<li class='text-center text-info'>${__("Could not find any plugins for this search query.")}</li>`;
}
dojo.parser.parse(container);
} else {
Notify.error("Unable to check for plugin updates.");
}
});
},
clearData: function(name) {
if (confirm(__("Clear stored data for %s?").replace("%s", name))) {
Notify.progress("Loading, please wait...");
xhr.post("backend.php", {op: "pref-prefs", method: "clearPluginData", name: name}, () => {
Helpers.Prefs.refresh();
});
}
},
uninstall: function(plugin) {
const msg = __("Uninstall plugin %s?").replace("%s", plugin);
@ -436,7 +493,13 @@ const Helpers = {
},
search: function() {
this.search_query = this.attr('value').search.toLowerCase();
this.render_contents();
if ('requestIdleCallback' in window)
window.requestIdleCallback(() => {
this.render_contents();
});
else
this.render_contents();
},
render_contents: function() {
const container = dialog.domNode.querySelector(".contents");
@ -610,6 +673,12 @@ const Helpers = {
dialog.plugins_to_update.push(p.plugin);
}
const update_button = dijit.getEnclosingWidget(
App.find(`*[data-update-btn-for-plugin="${p.plugin}"]`));
if (update_button)
update_button.domNode.show();
container.innerHTML +=
`
<li><h3 style="margin-top: 0">${p.plugin}</h3>
@ -622,6 +691,11 @@ const Helpers = {
</li>
`
});
if (!enable_update_btn) {
container.innerHTML = `<li class='text-center text-info'>${name ? __("Plugin %s is up-to-date").replace("%s", name) :
__("All local plugins are up-to-date.")}</li>`;
}
}
dijit.getEnclosingWidget(dialog.domNode.querySelector(".update-btn")).attr('disabled', !enable_update_btn);

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td {
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #ddd 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
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 {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5;
}

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td {
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
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 {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5;
}

@ -1514,6 +1514,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td {
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #ddd 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
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 {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5;
}

@ -112,6 +112,51 @@ body.ttrss_prefs {
}
}
ul.prefs-plugin-list {
margin : 0;
padding : 0;
li {
display : flex;
align-items : center;
line-height : 30px;
border-bottom: @border-default 1px solid;
> * {
padding : 4px;
}
label.checkbox {
display : flex;
align-items : center;
min-width : 200px;
margin-right : 16px;
cursor : pointer;
&.system {
cursor : auto;
}
.name {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight : bold;
}
}
.actions {
flex-grow : 2;
text-align: right;
}
.version {
min-width: 200px;
text-align: right;
}
}
}
.plugin-installer-list {
.plugin-installed {
opacity : 0.5;

@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td {
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
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 {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5;
}

@ -1515,6 +1515,43 @@ body.ttrss_prefs fieldset.plugin label.description .dijitCheckBox {
body.ttrss_prefs .users-list td {
cursor: pointer;
}
body.ttrss_prefs ul.prefs-plugin-list {
margin: 0;
padding: 0;
}
body.ttrss_prefs ul.prefs-plugin-list li {
display: flex;
align-items: center;
line-height: 30px;
border-bottom: #222 1px solid;
}
body.ttrss_prefs ul.prefs-plugin-list li > * {
padding: 4px;
}
body.ttrss_prefs ul.prefs-plugin-list li label.checkbox {
display: flex;
align-items: center;
min-width: 200px;
margin-right: 16px;
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 {
flex-grow: 2;
display: inline-block;
text-align: right;
font-weight: bold;
}
body.ttrss_prefs ul.prefs-plugin-list li .actions {
flex-grow: 2;
text-align: right;
}
body.ttrss_prefs ul.prefs-plugin-list li .version {
min-width: 200px;
text-align: right;
}
body.ttrss_prefs .plugin-installer-list .plugin-installed {
opacity: 0.5;
}

Loading…
Cancel
Save