farend / redmine_theme_farend_bleuclair Goto Github PK

Custom theme for Redmine. Compatible with: Redmine 3.4 - 5.0

License: GNU General Public License v2.0

JavaScript 16.23% CSS 0.13% SCSS 81.85% Shell 0.43% HTML 1.36%

redmine_theme_farend_bleuclair's Introduction

Redmine theme "farend bleuclair"

⚠️	The installation method differs depending on the version of Redmine you are using. Please check the "Install".

日本語README(Japanese README)

Description

Custom theme for Redmine.

I created a theme using Cool Colors with an awareness of making the interface look more modern than the default Redmine. The position and color scheme of the menu are close to the default theme, so even those who are familiar with existing themes can use it without any discomfort.

Bleuclair theme is used as standard for RedMica - the future Redmine you can get today (RedMica is yet another distribution of Redmine)

Demo

Storybook(redmine-theme/storybook): https://farend.github.io/redmine_theme_farend_bleuclair

Issue list

Install

1: Create a directory containing themes

In the environment where Git can be used:

Execute the following command in the Redmine installation directory.

For versions older than Redmine 3.4

$ git clone -b redmine3.4 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

For Redmine 4.0

$ git clone -b redmine4.0 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

For Redmine 4.1

$ git clone -b redmine4.1 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

For Redmine 4.2

$ git clone -b redmine4.2 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

For Redmine 5.0 or later

$ git clone https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

In an environment where Git is not available:

Check the https://github.com/farend/redmine_theme_farend_bleuclair/releases, download and unzip the zip file or tar.gz file of the version compatible with your Redmine, and place it in the public/themes directory of Redmine.

2: Change theme settings

Set to use the new theme on the Administration page of Redmine.

"Administration" => "Settings" => "Display tab" => Select "Bleuclair" in the item "Theme" and click the "Save" button at the bottom of the page.

Development

$ cd redmine/public/themes/beuclair
$ npm install
$ npm run start:dev
$ # debug
$ npm run build

LICENSE

GNU GPL v2
https://github.com/farend/redmine_theme_farend_bleuclair/blob/master/LICENSE

Web fonts in webfonts uses the following library:
Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license/free (Fonts: SIL OFL 1.1 License)

The icon search.svg uses svg files from the following library:
Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license/free (Icons: CC BY 4.0 License)

Author

Far End Technologies Corporation

redmine_theme_farend_bleuclair's People

Contributors

Stargazers

Watchers

Forkers

ishikawa999 gaupon nanorkyo ajantiss kensukenoda hyakumori ds-kawasaki georepublic xmera-circle kreasialamteknologi magicfab rubyclickap kidhab adrianobr alexcode-cc komavideo sanak gtt-project

redmine_theme_farend_bleuclair's Issues

Redmine4.0でチケット履歴欄のGravatarアイコンが左にずれる

Screenshot:

Chromeでカーソルから離れた位置のリンクに下線が入る問題

プロジェクト画面のニュース
チケット一覧画面
などで確認済み

Make the background white when Markdown or Textile is displayed in the repository browser

Changes to https://www.redmine.org/issues/16849 allow Markdown and Textile files to be rendered in the repository browser.
Markdown/Textile I want the background to be white, like when viewing attachments.

s

hover時のアイコンの色を変更する

現在はhover時にアイコンの色を少し暗くしているが分かりづらい。
もう少し分かりやすくしたい。

Redmine4.0でチケットの履歴欄に注記等の操作リンクが表示されない

Screenshot:

Redmine4.1・trunkでチケットのコメント内のh4が履歴見出しと同じ吹き出しになってしまう

#7 (comment) でご報告いただいた

チケットの履歴内でWiki記法 h4. を使用すると、各履歴の先頭見出し（「〇〇さんが[2020/04/23 23:34]1日前に更新」）の部分と同じ吹き出し風の表示となってしまいます。

履歴の内容でh4.を使ったときは吹き出し風にならないように修正をしていただけますでしょうか？

Redmine4.1対応の時にセレクターの指定に誤りがあった。
修正する。

Redmine 4.1.0. でチケットのページで「作業時間」、「関係しているリビジョン」で表示が崩れる

Redmine環境

CentOS7
Redmine 4.1.0.stable.19408
Ruby version 2.5.3-p105 (2018-10-18) [x86_64-linux]
Rails version 5.2.4.1
Git 1.8.3.1
Redmine plugins
なし

ブラウザ

MacOS 10.14.5
Safari バージョン12.1.1 (14607.2.6.1.1)

bleuclairのバージョン

commit 6fa2dcf

症状

チケットのページで「作業時間」、「関係しているリビジョン」で表示が崩れる

Cite, Edit, Remove and permalink icons / links missing

When looking at a ticket, each comment in it normally has Cite, Edit, Remove and permalink icons / links.

These are missing in this theme.

Supporting Node.js 18 is helpful

Recently (at 2023-09-11), Node.js 16 became EOL (https://endoflife.date/nodejs), so I upgraded my local environment Node.js version to 18 LTS latest (18.17.1) from asdf package manager.

But in that environment, I noticed that package-lock.json has many differences when executing npm install,

--- a/package-lock.json
+++ b/package-lock.json
@@ -1,40 +1,73 @@
 {
   "name": "bleuclair",
   "version": "1.0.0",
-  "lockfileVersion": 1,
+  "lockfileVersion": 3,
   "requires": true,
-  "dependencies": {
-    "@ampproject/remapping": {
+  "packages": {
+    "": {
+      "name": "bleuclair",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "@babel/core": "^7.19.3",
+        "@babel/preset-env": "^7.19.3",
+        "autoprefixer": "^10.4.12",
+        "babel-loader": "^8.2.5",
+        "css-loader": "^6.7.1",
+        "file-loader": "^6.2.0",
+        "is-svg": ">=5.0.0",
+        "mini-css-extract-plugin": "^2.6.1",
+        "node-sass": "^7.0.3",
+        "optimize-css-assets-webpack-plugin": "^6.0.1",
+        "postcss-loader": "^7.0.1",
+        "sass": "^1.55.0",
+        "sass-loader": "^13.0",
+        "url-loader": "^4.1.1",
+        "webpack": "^5.74.0",
+        "webpack-cli": "^4.10.0",
+        "y18n": ">=5.0.8"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
       "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
       "dev": true,
-      "requires": {
+      "dependencies": {
         "@jridgewell/gen-mapping": "^0.1.0",
         "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
-    "@babel/code-frame": {
+    "node_modules/@babel/code-frame": {
  :

and executing npm install again shows the following error.

% npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.74.0" from the root project
npm ERR!   peer webpack@"4.x.x || 5.x.x" from @webpack-cli/[email protected]
npm ERR!   node_modules/@webpack-cli/configtest
npm ERR!     @webpack-cli/configtest@"^1.2.0" from [email protected]
npm ERR!     node_modules/webpack-cli
npm ERR!       dev webpack-cli@"^4.10.0" from the root project
npm ERR!       3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve)
npm ERR!   9 more (babel-loader, css-loader, file-loader, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from [email protected]
npm ERR! node_modules/optimize-css-assets-webpack-plugin
npm ERR!   dev optimize-css-assets-webpack-plugin@"^6.0.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from [email protected]
npm ERR!   node_modules/optimize-css-assets-webpack-plugin
npm ERR!     dev optimize-css-assets-webpack-plugin@"^6.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/sanak/.npm/_logs/2023-09-13T12_26_07_250Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/sanak/.npm/_logs/2023-09-13T12_26_07_250Z-debug-0.log

I guess that something updating webpack and loaders seems to be necessary, but I am not familiar with webpack and loaders related things, so checking Node.js 18 environment is really helpful. 🙇🙏
(Note that I encountered the similar error in Node.js 16 (16.20.2) environment, but Node.js 14 (14.21.3) environment was no problem.)

table.listの奇数行のhover時、色が黄色くならない問題を修正する

リポジトリブラウザと連携させた時に表示が崩れる

Redmine環境

CentOS7
Redmine version 4.0.4.stable.18538
Ruby version 2.5.3-p105 (2018-10-18) [x86_64-linux]
Rails version 5.2.3
Git 1.8.3.1
Redmine plugins
なし

ブラウザ

MacOS 10.14.5
Safari バージョン12.1.1 (14607.2.6.1.1)

利用したコマンド

git clone -b redmine4.0 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

リポジトリブラウザと連携させると表示が崩れる

拡大表示だと問題ない

README suggests an outdated branch for Redmine 4.2 or later

As a newcomer, the README suggests me to:

git clone -b redmine4.2 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

However the latest commit of the redmine4.2 branch was over a year ago, what I really need is:

git clone https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair

Is this the correct way to install this theme?

Version 5.0

Can this be used for Redmine 5.0?

チェックボックスの右側にmarginを追加

現在の様子:

バリデーションエラー時に入力フィールドを赤くするようにする

バリデーションエラー時に入力フィールドを赤くする機能がtrunkにコミットされたが、
bleuclairで定義しているborder-color styleの方が優先されてしまうため、赤線が優先されるように修正する。
(trunkに対してのみ実装するか、他バージョンにも同じスタイルを適用するか)

https://www.redmine.org/issues/32764

リリースを作ってインストール手順を見直す

現在のインストール手順は git clone -b redmine3.4 https://github.com/farend/redmine_theme_farend_bleuclair.git public/themes/bleuclair みたいなGitコマンドを使ったもの。

リリースを作って、そのzipファイルをダウンロードしてもらう感じの方が良さそう。

注記を編集するときにプレビュータブのレイアウトが崩れる

[RFE]フォーラムのメッセージ表示をチケットの履歴と同様の吹き出しに

フォーラムのメッセージ表示画面において、各メッセージの返答ヘッダー部分を
チケットの履歴と同様の吹き出し表示としていただけるよう機能追加の要望です。
ご検討いただければ幸いです。

サイドバーの折りたたみをできるようにする

チェックボックス型のリストフィールドで文字列の途中で改行してしまう

チェックボックスタイプのリスト型カスタムフィールドをチケットに割り当てると、チケット編集画面で当該のフィールドの項目文字列が途中で改行してしまいます。

Fix Bleuclair not working in latest Redmine (support propshaft)

Related: https://www.redmine.org/issues/39111

Issues not in the tree are also collapsed when collapsing a tree in gantt

See the screenshots below. Issue 15 and 18 are root-level issues. However, if you collapse the tree grows from issue 15, not only descendant of issue 15 but also an independent issue 18 is also collapsed as if it is a descendant of issue 15.

I think that is not a bug of Redmine but Bleuclair theme because the problem does not occur when using any of the built-in themes in Redmine.

Fold-out folder on DMSF screen hide fold-in arrow

System

Redmine: 4.2.5
Plugin: DMSF

Issue

I use the DMSF plugin to organize my attached documents in redmine. If I enable the theme "farend_bleuclair" (which I really like), the screen which gives an overview over the projects / files has a minor issue. If I fold-out a project, the fold-in arrow disappear. It does not happen in the standard theme.

Screenshot with standrad theme

* Screenshot with your theme

Overview
Description
Install
Contribution
あたり

farend / redmine_theme_farend_bleuclair Goto Github PK

redmine_theme_farend_bleuclair's Introduction

Redmine theme "farend bleuclair"

Description

Demo

Install

1: Create a directory containing themes

2: Change theme settings

Development

LICENSE

Author

redmine_theme_farend_bleuclair's People

Contributors

Stargazers

Watchers

Forkers

redmine_theme_farend_bleuclair's Issues

Redmine環境

ブラウザ

bleuclairのバージョン

症状

Redmine環境

ブラウザ

利用したコマンド

System

Issue

Recommend Projects

Recommend Topics

Recommend Org