EDUCATIC
/
digitaldemocratic
mirror of https://gitlab.com/digitaldemocratic/digitaldemocratic
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(keycloak): missing theme settings

darta 2022-02-01 11:13:33 +00:00
parent d87800193c
commit 3ff3af937e
11 changed files with 950 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
docker/keycloak/themes/base/account/header.css Normal file
View File

@ -0,0 +1,156 @@
header#header {
background-color: white !important;
box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626;
display: inline-flex;
top: 0;
width: 100%;
z-index: 2000;
height: 50px;
position: absolute;
box-sizing: border-box;
justify-content: space-between;
}
#nextcloud {
padding: 7px 0;
padding-left: 86px;
position: relative;
height: 100%;
box-sizing: border-box;
opacity: 1;
align-items: center;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
a * {
cursor: pointer;
}
a {
border: 0;
color: var(--color-main-text);
text-decoration: none;
cursor: pointer;
}
#theming-preview-logo,
#header #nextcloud {
padding-left: 64px;
}
#header #header-left,
#header .header-left {
flex: 1 0;
white-space: nowrap;
min-width: 0;
}
#header #header-right,
#header .header-right {
justify-content: flex-end;
flex-shrink: 1;
}
#header .header-right > div,
#header .header-right > form {
height: 100%;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn {
cursor: pointer;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
cursor: pointer;
height: 16px;
margin-right: 16px;
}
#header
#navbar-menu-apps
#menu-apps-btn
#dropdownMenuAppsButton
#menu-apps-icon {
height: 16px;
width: 16px;
}
#header div#navbar-menu-apps {
display: flex;
align-items: center;
}
#header #navbar-menu-apps .dropdown-menu {
display: none;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
margin-top: -2px;
padding: 10px;
max-height: 500px;
overflow-y: scroll;
z-index: 2000;
background-color: white;
top: 33px;
right: -14px;
left: auto;
}
#header #navbar-menu-apps .dropdown-menu ul {
list-style: none;
display: grid;
flex-wrap: wrap;
padding: 15px 2px 0 0;
margin-bottom: 0;
grid-template-columns: 82px 82px 82px;
grid-gap: 12px 2px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: center;
color: #262626;
text-decoration: none;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
width: 40px;
height: 40px;
background-color: #cc0066;
border-radius: 0.25rem;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
color: #fff;
font-size: 19px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
text-align: center;
margin-top: 4px;
height: 26px;
font-size: 13px;
line-height: 15px;
overflow-wrap: anywhere;
}
#header #header-left,
#header .header-left,
#header #header-right,
#header .header-right {
display: inline-flex;
align-items: center;
}

440
docker/keycloak/themes/base/account/header.html Normal file
View File

@ -0,0 +1,440 @@
<style>
/* Header used classes */
header#header {
background-color: white !important;
box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626;
display: inline-flex;
top: 0;
width: 100%;
z-index: 2000;
height: 50px;
position: absolute;
box-sizing: border-box;
justify-content: space-between;
}
#nextcloud {
padding: 7px 0;
padding-left: 86px;
position: relative;
height: 100%;
box-sizing: border-box;
opacity: 1;
align-items: center;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
a * {
cursor: pointer;
}
a {
border: 0;
color: var(--color-main-text);
text-decoration: none;
cursor: pointer;
}
#theming-preview-logo,
#header #nextcloud {
padding-left: 64px;
}
#header #header-left,
#header .header-left {
flex: 1 0;
white-space: nowrap;
min-width: 0;
}
#header #header-right,
#header .header-right {
justify-content: flex-end;
flex-shrink: 1;
}
#header .header-right > div,
#header .header-right > form {
height: 100%;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn {
cursor: pointer;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
cursor: pointer;
height: 16px;
margin-right: 16px;
}
#header
#navbar-menu-apps
#menu-apps-btn
#dropdownMenuAppsButton
#menu-apps-icon {
height: 16px;
width: 16px;
}
#header div#navbar-menu-apps {
display: flex;
align-items: center;
}
#header #navbar-menu-apps .dropdown-menu {
display: none;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
margin-top: -2px;
padding: 10px;
max-height: 500px;
overflow-y: scroll;
z-index: 2000;
background-color: white;
top: 33px;
right: -14px;
left: auto;
}
#header #navbar-menu-apps .dropdown-menu ul {
list-style: none;
display: grid;
flex-wrap: wrap;
padding: 15px 2px 0 0;
margin-bottom: 0;
grid-template-columns: 82px 82px 82px;
grid-gap: 12px 2px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: center;
color: #262626;
text-decoration: none;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
width: 40px;
height: 40px;
background-color: #cc0066;
border-radius: 0.25rem;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
color: #fff;
font-size: 19px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
text-align: center;
margin-top: 4px;
height: 26px;
font-size: 13px;
line-height: 15px;
overflow-wrap: anywhere;
}
#header #header-left,
#header .header-left,
#header #header-right,
#header .header-right {
display: inline-flex;
align-items: center;
}
</style>
<header role="banner" id="header">
<div id="navbar-logo" class="header-left">
<a href="/" id="nextcloud">
<img src="/custom/img/logo.png" alt="" style="height: 39px" />
</a>
</div>
<div id="navbar-nextcloud" class="header-right">
<div id="navbar-menu-apps" onclick="openMenu()">
<div id="menu-apps-btn">
<div
id="dropdownMenuAppsButton"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
<svg
id="menu-apps-icon"
data-name="Menú Apps"
xmlns="http://www.w3.org/2000/svg"
width="26"
height="26"
viewBox="0 0 26 26"
>
<rect
id="Rectángulo_2"
data-name="Rectángulo 2"
width="6"
height="6"
fill="#262626"
></rect>
<rect
id="Rectángulo_1447"
data-name="Rectángulo 1447"
width="6"
height="6"
transform="translate(0 10)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1450"
data-name="Rectángulo 1450"
width="6"
height="6"
transform="translate(0 20)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1440"
data-name="Rectángulo 1440"
width="6"
height="6"
transform="translate(10)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1446"
data-name="Rectángulo 1446"
width="6"
height="6"
transform="translate(10 10)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1449"
data-name="Rectángulo 1449"
width="6"
height="6"
transform="translate(10 20)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1441"
data-name="Rectángulo 1441"
width="6"
height="6"
transform="translate(20)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1445"
data-name="Rectángulo 1445"
width="6"
height="6"
transform="translate(20 10)"
fill="#262626"
></rect>
<rect
id="Rectángulo_1448"
data-name="Rectángulo 1448"
width="6"
height="6"
transform="translate(20 20)"
fill="#262626"
></rect>
</svg>
</div>
<div
id="dropdownMenuApps"
class="dropdown-menu dropdown-menu-right"
aria-labelledby="dropdownMenuButton"
style="display: none"
>
<ul id="app-apps">
<li class="app ">
<a href="https://moodle.test2.digitaldemocratic.net/" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-graduation-cap" aria-hidden="true"></i>
</div>
<div class="text">Aules</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-cloud" aria-hidden="true"></i>
</div>
<div class="text">Fitxers</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/mail" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</div>
<div class="text">Correu</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/forms" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-check-square-o" aria-hidden="true"></i>
</div>
<div class="text">Formularis</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/polls" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-bar-chart" aria-hidden="true"></i>
</div>
<div class="text">Enquestes</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/spreed" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-commenting-o" aria-hidden="true"></i>
</div>
<div class="text">Xat</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/calendar" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-calendar" aria-hidden="true"></i>
</div>
<div class="text">Calendari</div>
</a>
</li>
<li class="app ">
<a href="https://wp.test2.digitaldemocratic.net/wp-login.php?redirect_to=wp-admin/admin.php?page=mis-sitios" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-rss" aria-hidden="true"></i>
</div>
<div class="text">Webs</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/bbb" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-video-camera" aria-hidden="true"></i>
</div>
<div class="text">Reunions BBB</div>
</a>
</li>
<li class="app ">
<a href="https://nextcloud.test2.digitaldemocratic.net/apps/photos" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-file-image-o" aria-hidden="true"></i>
</div>
<div class="text">Fotos</div>
</a>
</li>
</ul>
<ul id="app-external" class="external-links">
<li class="app ">
<a href="https://myweb" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-university" aria-hidden="true"></i>
</div>
<div class="text">Escola Web</div>
</a>
</li>
<li class="app ">
<a href="https://myvideos" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-youtube-play" aria-hidden="true"></i>
</div>
<div class="text">Youtube</div>
</a>
</li>
<li class="app ">
<a href="https://mydictionary" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-book" aria-hidden="true"></i>
</div>
<div class="text">Diccionari</div>
</a>
</li>
<li class="app ">
<a href="http://meet.jit.si" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-video-camera" aria-hidden="true"></i>
</div>
<div class="text">Reunions Jitsi</div>
</a>
</li>
<li class="app ">
<a href="https://www.duckduckgo.com" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-search" aria-hidden="true"></i>
</div>
<div class="text">Cercar</div>
</a>
</li>
<li class="app ">
<a href="https://www.openstreetmap.org" class="app-link" target="_blank">
<div class="icon ">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<div class="text">Maps</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="dd-logo">
<a href="https://xnet-x.net/ca/digital-democratic/" target="_blank">
<img src="" alt="" style="height: 16px; margin-right: 21px; margin-top: 16px">
</a>
</div>
</div>
</header>
<script>
$('#dd-logo img').attr('src', "https://api."+document.domain.split(/\.(.+)/)[1]+"/img/dd.svg");
function openMenu(){
if ($('#menu-apps-btn').hasClass("open")) {
console.log('open')
$('#dropdownMenuApps').css('display', 'none')
} else {
$('#dropdownMenuApps').css('display', 'block')
console.log('closed')
}
}
</script>

156
docker/keycloak/themes/base/account/resources/css/account.css Normal file
View File

@ -0,0 +1,156 @@
header#header {
background-color: white !important;
box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626;
display: inline-flex;
top: 0;
width: 100%;
z-index: 2000;
height: 50px;
position: absolute;
box-sizing: border-box;
justify-content: space-between;
}
#nextcloud {
padding: 7px 0;
padding-left: 86px;
position: relative;
height: 100%;
box-sizing: border-box;
opacity: 1;
align-items: center;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
a * {
cursor: pointer;
}
a {
border: 0;
color: var(--color-main-text);
text-decoration: none;
cursor: pointer;
}
#theming-preview-logo,
#header #nextcloud {
padding-left: 64px;
}
#header #header-left,
#header .header-left {
flex: 1 0;
white-space: nowrap;
min-width: 0;
}
#header #header-right,
#header .header-right {
justify-content: flex-end;
flex-shrink: 1;
}
#header .header-right > div,
#header .header-right > form {
height: 100%;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn {
cursor: pointer;
position: relative;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
cursor: pointer;
height: 16px;
margin-right: 16px;
}
#header
#navbar-menu-apps
#menu-apps-btn
#dropdownMenuAppsButton
#menu-apps-icon {
height: 16px;
width: 16px;
}
#header div#navbar-menu-apps {
display: flex;
align-items: center;
}
#header #navbar-menu-apps .dropdown-menu {
display: none;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
margin-top: -2px;
padding: 10px;
max-height: 500px;
overflow-y: scroll;
z-index: 2000;
background-color: white;
top: 33px;
right: -14px;
left: auto;
}
#header #navbar-menu-apps .dropdown-menu ul {
list-style: none;
display: grid;
flex-wrap: wrap;
padding: 15px 2px 0 0;
margin-bottom: 0;
grid-template-columns: 82px 82px 82px;
grid-gap: 12px 2px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: center;
color: #262626;
text-decoration: none;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
width: 40px;
height: 40px;
background-color: #cc0066;
border-radius: 0.25rem;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
color: #fff;
font-size: 19px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
text-align: center;
margin-top: 4px;
height: 26px;
font-size: 13px;
line-height: 15px;
overflow-wrap: anywhere;
}
#header #header-left,
#header .header-left,
#header #header-right,
#header .header-right {
display: inline-flex;
align-items: center;
}

198
docker/keycloak/themes/base/account/resources/css/style.css Normal file
View File

@ -0,0 +1,198 @@
#body-user, #body-settings, #body-public {
font-family: 'Montserrat', sans-serif;
color: #262626;
}
#body-user #app-dashboard>h2, #body-settings #app-dashboard>h2, #body-public #app-dashboard>h2 {
color: #262626;
}
#body-user header#header, #body-settings header#header, #body-public header#header {
background-color: white !important;
box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626;
background-image: inherit;
}
#theming-preview-logo, #header #nextcloud {
padding-left: 64px;
}
#navbar-nextcloud #unified-search {
margin-right: 16px;
}
#navbar-nextcloud #unified-search svg {
fill: black;
width: 16px;
height: 16px;
}
#navbar-nextcloud #unified-search a.header-menu__trigger .magnify-icon {
width: 16px;
height: 16px;
}
#navbar-nextcloud #unified-search.header-menu.unified-search a.header-menu__trigger {
width: auto;
}
#navbar-nextcloud #unified-search a.header-menu__trigger {
opacity: 1;
}
#navbar-nextcloud #unified-search #header-menu-unified-search div.header-menu__carret {
right: 205px;
}
#navbar-nextcloud .notifications .notifications-button {
opacity: 1;
}
#navbar-nextcloud .notifications .notifications-button img.svg {
filter: invert(100%)
}
#navbar-nextcloud .notifications .notifications-button.menutoggle {
margin-right: 16px;
width: auto;
}
#navbar-nextcloud #contactsmenu .icon-contacts {
background-image: var(--icon-contacts-000);
opacity: 1;
margin-right: 16px;
width: auto;
}
#navbar-nextcloud #settings #expand {
width: 39px;
padding-right: 16px;
}
#navbar-nextcloud #settings #expand .avatardiv {
height: 39px;
width: 39px;
}
#navbar-nextcloud #settings #expand .avatardiv img {
height: 39px;
width: 39px;
}
#body-user div#content div#app-dashboard, #body-settings div#content div#app-dashboard, #body-public div#content div#app-dashboard {
background-image: none !important;
background-color: #F0F0F0!important;
}
#body-user div#app-navigation, #body-settings div#app-navigation, #body-public div#app-navigation {
color: #262626 !important;
}
#header .header-menu__wrapper[data-v-a58f012a] {
top: 65px;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
cursor: pointer;
height: 16px;
margin-right: 16px;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton #menu-apps-icon {
height: 16px;
width: 16px;
}
#header div#navbar-menu-apps {
display: flex;
align-items: center;
}
#header #navbar-menu-apps #menu-apps-btn {
cursor: pointer;
position: relative;
}
#header #navbar-menu-apps .dropdown-menu {
display: none;
position: absolute;
border: 1px solid rgba(0,0,0,.15);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
margin-top: -2px;
padding: 10px;
max-height: 500px;
overflow-y: scroll;
z-index: 2000;
background-color: white;
top: 33px;
right: -14px;
left: auto;
}
#header #navbar-menu-apps .dropdown-menu ul {
list-style: none;
display: grid;
flex-wrap: wrap;
padding: 15px 2px 0 0;
margin-bottom: 0;
grid-template-columns: 82px 82px 82px;
grid-gap: 12px 2px;
}
#header #navbar-menu-apps .dropdown-menu ul#app-admin {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 4px;
margin-bottom: 6px;
}
#header #navbar-menu-apps .dropdown-menu ul#app-external {
border-top: 1px solid #D9D9D9;
padding-top: 20px;
margin-top: 8px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: center;
color: #262626;
text-decoration: none;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
width: 40px;
height: 40px;
background-color: #506bb6;
border-radius: .25rem;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
text-align: center;
margin-top: 4px;
height: 26px;
font-size: 13px;
line-height: 15px;
overflow-wrap: anywhere;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
color: #fff;
font-size: 19px;
}
div#content-vue {
padding-top: 75px;
}
#content.app-files [data-path="/"][data-file="Talk"] {
display: none !important;
}

BIN
docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Light.otf Normal file
View File

Binary file not shown.

BIN
docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Medium.otf Normal file
View File

Binary file not shown.

BIN
docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Regular.otf Normal file
View File

Binary file not shown.

BIN
docker/keycloak/themes/liiibrelite/login/resources/img/dd_coma.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 221 B

BIN
docker/keycloak/themes/liiibrelite/login/resources/img/loginBG2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 515 KiB

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
docker/keycloak/themes/liiibrelite/login/resources/img/logo_footer_dd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
docker/keycloak/themes/liiibrelite/login/resources/img/logo_text_dd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB