Comments (3)
@xet7
I found the culprit:
Lines 341 to 343 in 902f86d
Lines 296 to 298 in 902f86d
Current status of colors -
Silver - hardcoded HTML - CSS makes the color unset
, looks the same when color is set to #e4e4e4
:
Null - identical to Silver, at least in this view:
Null UI when opening colors defaulting to white:
This is however broken, when opening the UI, white looks selected, but in reality isn't.
One has to click on it to be ACTUALLY selected, and then it applies, but it just looks broken and moves the text element as opposed to every other color.
Additionally, the CSS for white is broken, resulting in broken rendering:
Fixing the CSS by commenting out the extra border line looks like this:
# client/components/lists/lists.css
.list-header-white {
border-bottom: 6px solid #fff;
# border: 1px solid #eee;
}
.list-header-green {
border-bottom: 6px solid #3cb500;
}
.list-header-yellow {
border-bottom: 6px solid #fad900;
}
So there are actually multiple issues with List colors.
- Broken CSS for
white
List color - Fixed in #5400 - List refuses to be set to
silver
because it is the default color, which may be a fine idea, but this is not really obvious and the UI makes it even more confusing by both allowing to SETsilver
and UNSET color, both of whichnull
out the color value - Fixed in #5401 - Because
silver
isnull
, default selected color whennull
is defined will be position 0, which iswhite
, not silver - Color selector does not actually have the element selected, so using Save upon just opening the dialogue is broken (made apparent by the 3rd issue)
- Because SETting
silver
actually unsets thecolor
value, it confuses the poor programmer (me) who is trying to set Card colors to the same color as the List and not seeing it in the List data - Since the CSS is unset in the case of
null
, some designs are breaking, for example:
Which is very apparent when it's the last List in the list
I suggest to actually set color
to silver
if user/API forces it via Save or Edit, and just have null
be the default value as it is right now, which currently points to silver
, but actually set it in CSS.
Perhaps someone would want to theme WeKan in the future, and not being able to change the now-different default to silver
would impede them.
Dark Reader also does not seem to be enjoying the unset value:
Silver:
In which case it would be nice to actually set the color here too to CSS file itself fixed in #5400 but is not being applied yet#e4e4e4
(because it's not currently valid CSS) instead of relying on the background:
.list-header-silver {
border-bottom: 6px solid unset;
}
from wekan.
Fixed at #5400
from wekan.
That unfortunately only fixed one of the six issues, please re-open.
from wekan.
Related Issues (20)
- Which lists are collapsed is affecting all users instead of just the user who needs to adjust their own view HOT 1
- Run Wekan Locally HOT 1
- delete custom filed
- Wekan - Node process HOT 4
- New Feature request: Is it possible to make the "link card --> cards" pull-down list alphabetically arranged
- Can't set a Due Date that has a leading zero in time, errors with `invalid time` HOT 4
- Add API option for editing Lists HOT 1
- Cannot scroll down "my Boards" in Android Chrome PMI HOT 1
- Card edit API has duplicated variable names for board move functionality instead of using existing ones HOT 1
- Moving Card's List using API leads to random sorting compared to Move Card dialogue where it ends up on top HOT 2
- Wiki - Install Updates Automatically - Command outdated HOT 1
- Turn off email notification HOT 4
- "Hide checked items" toggle is inverted and affects ALL Checklist objects in the Card
- Card Link / Board Open to Public Without Logging In. HOT 1
- Wekan Azure Singn in
- Other Admins Cannot See (Add Members Plus Symbol)
- "Edit Description" button is wildly out of place HOT 1
- [Docker-arm64] /data/attachments is not writable
- WeKan Cloud maintenance In Progress HOT 1
- Export CSV/TSV from Board create unhandled Exception
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wekan.