Commit dd5ed483 authored by Pietro Saccardi's avatar Pietro Saccardi

Merge branch '1-some-works-here' into 'master'

Refactor after theme upgrade

See merge request infra/themes/kanboard-theme!1
parents ea823cf0 58104d0e
Pipeline #499 passed with stage
in 1 minute and 6 seconds
stages:
- build
build:less:
stage: build
image: node:8.0.0-alpine
variables:
PLUGIN_NAME: MittelTheme
LESS_SRC: Template/css/app.less
LESS_OUTPUT: Template/css/main.css
before_script:
- yarn global add less
- yarn global add less-plugin-clean-css
- apk add --update --no-cache git zip unzip
script:
- /usr/local/bin/lessc "${LESS_SRC}" > "${LESS_OUTPUT}"
after_script:
- git archive HEAD --prefix="${PLUGIN_NAME}/" --format=zip -o "${PLUGIN_NAME}.zip"
- unzip "${PLUGIN_NAME}.zip"
- rm "${PLUGIN_NAME}/${LESS_SRC}"
- rm "${PLUGIN_NAME}/.gitlab-ci.yml"
- cp "${LESS_OUTPUT}" "${PLUGIN_NAME}/${LESS_OUTPUT}"
artifacts:
paths:
- "${PLUGIN_NAME}"
PLUGIN_NAME = MittelTheme
all:
@ git archive HEAD --prefix=${PLUGIN_NAME}/ --format=zip -o ${PLUGIN_NAME}.zip
Example of theme plugin Mittelab Theme Plugin
======================= ======================
This plugin override core templates and use template hooks to create a custom theme. [![pipeline status](https://git.mittelab.org/infra/themes/kanboard-theme/badges/master/pipeline.svg)](https://git.mittelab.org/infra/themes/kanboard-theme/commits/master)
[**Download latest release**](https://git.mittelab.org/infra/themes/kanboard-theme/-/jobs/artifacts/master/download?job=build:less)
- New CSS styles are added with the hook **layout:head** - New CSS styles are added with the hook **layout:head**
- A top bar is added to the layout by using the hook **layout:top** - A top bar is added to the layout by using the hook **layout:top**
...@@ -15,7 +17,3 @@ Installation ...@@ -15,7 +17,3 @@ Installation
- Go on your local installation of Kanboard - Go on your local installation of Kanboard
- After the login, you should see the alterations to the default layout - After the login, you should see the alterations to the default layout
Screenshot
----------
![plugin-example-theme](https://cloud.githubusercontent.com/assets/323546/9838179/6ef2b466-5a24-11e5-9988-5402eaf55026.png)
This diff is collapsed.
body {
color: #fff;
background-color: #222;
}
.ui-tooltip a, a, table th a {
color: #0ce3ac;
}
table th {
color: #fff;
background-color: #375a7f;
border-color: #375a7f;
}
table td {
border-color: #375a7f;
}
table#board td a:hover {
color: #000;
}
table.table-striped tr:nth-child(2n+1) {
background-color: #444;
}
.accordion-title > h3, .views-switcher-component, .task-board-icons, .dropdown-submenu-open {
color: #000;
}
#popover-content, #popover-content h2 {
color: #000;
}
.sidebar > ul a:hover, .dropdown-menu-link-text, .dropdown-menu-link-icon, .action-menu, a:hover, .sidebar > ul li.active a, .sidebar > ul li.active a:focus, .sidebar > ul li.active a:hover, .page-header h2 a, h1, h2, h3, .dashboard-table-link {
color: #fff;
}
#modal-box {
background-color: #333;
}
.select2-container {
color: #000;
}
a .fa {
color: #999;
}
.web-notification-icon:focus, .web-notification-icon:hover {
color: #ddd;
}
.activity-title {
color: #999;
}
.activity-event:hover .activity-title {
color: #000;
}
.select-dropdown-input-container {
background-color: #fff;
}
.comment:hover {
background-color: #444;
}
#task-summary h2 {
color: #fff;
}
.user-mention-link {
color: #0ce3ac;
}
.user-mention-link:hover {
color: #fff;
}
.comment-actions a:focus, .comment-actions a:hover {
color: #0ce3ac;
}
.ui-tooltip {
background-color: #333;
color: #fff;
}
.task-board .task-board-assignee {
color: #555;
}
.task-board {
color: #222;
}
td a.dropdown-menu strong i, td a.dropdown-menu strong {
color: #222;
}
<link rel="icon" href="/plugins/MittelTheme/Template/img/logo.svg" />
<div>
<img alt="Mittelab Logo" src="/plugins/MittelTheme/Template/img/logo.svg" width="130" style="float: left;"/>
<h1>Welcome to Mittelab Tasks!</h1>
<p>
This is the service used to manage tasks and stuff we do at the space.
</p>
<p>
Members only!
</p>
</div>
<div style="clear:both;">&nbsp;</div>
<h1>
<?= $this->url->link('<img src="/plugins/MittelTheme/Template/img/logo.svg" width="25"/>', 'DashboardController', 'show', array(), false, '', t('Dashboard')) ?>
<span class="title">
<?php if (! empty($project) && ! empty($task)): ?>
<?= $this->url->link($this->text->e($project['name']), 'BoardViewController', 'show', array('project_id' => $project['id'])) ?>
<?php else: ?>
<?= $this->text->e($title) ?>
<?php endif ?>
</span>
<?php if (! empty($description)): ?>
<small class="tooltip" title="<?= $this->text->markdown($description) ?>">
<i class="fa fa-info-circle"></i>
</small>
<?php endif ?>
</h1>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment