Fix / correct Spanish translation

giacomo · April 12, 2021, 7:56am

I do not think so

jgjimenezs · April 12, 2021, 12:19pm

hi @giacomo yes, it can be edited compressed css (app.7e1e2550.css.gz)

I am placing the specific line to be able to extend it

to achieve this I will notify you to do some implementation at the level of updates

jgjimenezs · April 12, 2021, 8:10pm

I made a progress, when I have all the lines to edit I will send the configured file for you to test it.

jgjimenezs · April 13, 2021, 11:51am

if we change this value

#navbar-left{width:auto;

Is there a way that this value comes from the factory? @dev_team

in app.7e1e2550.css we will achieve this.

I am looking for how to customize the scroll bar to be thinner

giacomo · April 13, 2021, 12:28pm

It was hard to find, but I think it comes from our css: /usr/share/cockpit/nethserver/css/app.7e1e2550.css.gz.

See also https://github.com/NethServer/nethserver-cockpit/blob/master/ui/src/styles/main.css

But I have no idea if it’s safe to change it.

jgjimenezs · April 13, 2021, 1:42pm

at least change from 55px to auto

#navbar-left {
width: 55px; auto
-webkit-transition: width 0.25s ease-in-out;
-moz-transition: width 0.25s ease-in-out;
-o-transition: width 0.25s ease-in-out;
transition: width 0.25s ease-in-out;

Thanks @giacomo

jgjimenezs · April 14, 2021, 12:09am

@giacomo I will do some tests before to see if these changes do not affect all the structures of the applications. if they affect its graphic design I will leave it as it is.

giacomo · April 14, 2021, 2:53pm

@jgjimenezs I’ve create a draft package for you: https://github.com/NethServer/nethserver-cockpit/pull/327

You can test it on multiple monitor sizes.
@stephdl do we have the same problem with other languages like French?

stephdl · April 14, 2021, 2:57pm

yes with french we could increase the size of the left panel too, just a cosmetic fix…no idea how to do it

jgjimenezs · April 14, 2021, 3:04pm

Thanks bro

giacomo · April 14, 2021, 3:08pm

Can you please check with the package inside the PR?

stephdl · April 14, 2021, 3:15pm

yes it seems good what do you think @jgjimenezs

jgjimenezs · April 14, 2021, 3:41pm

Sounds good to me, I’m going to do the tests. I will comment on the changes

jgjimenezs · April 14, 2021, 4:42pm

Thanks bro @giacomo @stephdl

perform the update without problems. the scroll bar is the only thing that removes visibility, if it could be customized it would be more aesthetic.

scrollbar like this

jgjimenezs · April 14, 2021, 4:50pm

where does this translation come from? “mié”

in transifex I do not see it. or is it a character encoding problem @giacomo

PCXLan.es · April 14, 2021, 7:59pm

I have not found it either

And for “lún” (monday) and “sáb” (saturday) too

jgjimenezs · April 14, 2021, 8:34pm

@giacomo I managed to remove the scroll bar, edit the values of the header height: 48px, and the line-height: 16px to center the Title.

I’m looking at github:

github.com

NethServer/nethserver-cockpit/blob/master/root/usr/share/cockpit/branding/nethserver/branding.css

body.login-pf {
    background: url("bg-plain.jpg") no-repeat 50% 0;
    background-size: auto;
    background-color: #101010;
    padding-top: 60px;
}

.disable_a_href {
    color: #363636;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}

#authorized-input {
    display: none !important;
}

[for="authorized-input"] {
    display: none !important;

This file has been truncated. show original

github.com

NethServer/nethserver-cockpit/blob/master/root/usr/share/cockpit-user/cockpit/static/branding.css

body.login-pf {
    background: url("bg-plain.jpg") no-repeat 50% 0;
    background-color: #212121 !important;
}

.container {
    background: #0c0c0ccf !important;
}

.disable_a_href {
    color: #363636;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}

#authorized-input {
    display: none !important;
}

This file has been truncated. show original

It would only be left to move the badges a little to the right or place another translation to dashboard

giacomo · April 15, 2021, 7:39am

I guess it comes directly from the system, but I’m not sure.

I really have no idea what modification you did. Can you please open a PR or at least cut&paste here a diff?

jgjimenezs · April 15, 2021, 9:44am

sorry; I can’t get my password back on github.

on line 102 from:

github.com

NethServer/nethserver-cockpit/blob/master/root/usr/share/cockpit/branding/nethserver/branding.css

body.login-pf {
    background: url("bg-plain.jpg") no-repeat 50% 0;
    background-size: auto;
    background-color: #101010;
    padding-top: 60px;
}

.disable_a_href {
    color: #363636;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}

#authorized-input {
    display: none !important;
}

[for="authorized-input"] {
    display: none !important;

This file has been truncated. show original

change:

line-height: 30px; by line-height: 15px;

and in line 112 change:

height: 58px! important; by height: 48px! important;

and in this other github path:

github.com

NethServer/nethserver-cockpit/blob/master/root/usr/share/cockpit-user/cockpit/static/branding.css

body.login-pf {
    background: url("bg-plain.jpg") no-repeat 50% 0;
    background-color: #212121 !important;
}

.container {
    background: #0c0c0ccf !important;
}

.disable_a_href {
    color: #363636;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}

#authorized-input {
    display: none !important;
}

This file has been truncated. show original

on line 104

change:

line-height: 30px; by line-height: 15px;

and in line 114 change:

height: 58px! important; by height: 48px! important;

2021-04-15 05-31-11

These changes only modify the header and the location of the title of the same more in the middle after the change of size. With this change, the scrollbar will be eliminated only if the system module does not include more modules. if it were to happen; the perfect change would be to customize the slimmest scrollbar

jgjimenezs · April 15, 2021, 10:51am

I have found how the main screen could be better displayed when the translations are long with respect to English

I’m locating the source to make changes.