Fix dark theme for groups page

This commit is contained in:
Pierre HUBERT 2021-03-16 17:22:51 +01:00
parent e786c19982
commit ca7301e258
3 changed files with 42 additions and 2 deletions

View File

@ -241,6 +241,31 @@ fieldset[disabled] .form-control {
color: var(--white);
}
/**
* Nav tabs
*/
.nav-tabs-custom {
background-color: var(--black5);
color: var(--white);
}
.nav-tabs-custom .nav {
border-bottom-color: var(--black5);
}
.nav-tabs-custom li.active, .nav-tabs-custom li.active a {
background-color: var(--black) !important;
}
.nav-tabs-custom li.active a {
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.nav-tabs-custom a {
color: var(--white) !important;
}
/**
* Friends list
@ -642,6 +667,10 @@ img[src$="groups_logo/default.png"] {
color: var(--white);
}
.delete-group-link-container a {
color: var(--white) !important;
}
/**
* Post target picker

View File

@ -18,9 +18,15 @@ const GroupMembersPage = {
ComunicWeb.common.pageTitle.setTitle(info.name + " - Members");
//Create container
var membersPage = createElem2({
var root = createElem2({
appendTo: target,
type: "div",
class: "row"
})
var membersPage = createElem2({
appendTo: root,
type: "div",
class: "col-md-6 group-members-page",
innerHTML: "<div class='box box-primary'><div class='box-header'><h3 class='box-title'>"+tr("Group members")+"</h3></div><div class='box-body'></div></di>"
}).querySelector(".box-body");

View File

@ -14,10 +14,15 @@ const GroupSettingsPage = {
*/
display: async function(id, target){
var root = createElem2({
appendTo: target,
type: "div",
class: "row"
})
//Create settings container
const settingsPage = createElem2({
appendTo: target,
appendTo: root,
type: "div",
class: "group-settings-container col-md-6",
innerHTML: "<div class='box box-primary'><div class='box-header'><h3 class='box-title'>"+tr("Group settings")+"</h3></div><div class='box-body'></div></di>"