OMP 1.2 - Borderless layout

Tarcisio_Pereira · July 11, 2016, 6:57pm

Hi,

I would suggest a borderless layout.

Today layout:

Borderless layout:

Borderless layout looks cleaner.

Thank you,

Tarcisio Pereira

NateWr · July 20, 2016, 1:34pm

Hi Tarcisio,

The next version of OMP will include a child theming API that will make it easy for you to create custom child themes which selectively override small bits of a parent theme. You can learn a little bit about this here:

In the meantime, you can override this yourself by editing just one file in your OMP installation. Open the plugins/themes/default/styles/variables.less file and edit line 35:

github.com

pkp/omp/blob/main/plugins/themes/default/styles/variables.less#L35


// Yes/no, success/error, on/off, go/stop, etc. Typically green and red.
@yes:                    #00b24e;
@no:                     #ff4040;

// Text
@text:                   rgba(0,0,0,0.87);
@text-light:             rgba(0,0,0,0.54);
@text-bg-base:           #fff;

// Border colors
@bg-border-color:        @bg-shade;
@bg-base-border-color:   rgba(255,255,255,0.1);

//
// Spacing
//
// The baseline size should be used to achieve consistent vertical rhythm. All
// vertical margins, padding, line-height and block heights should use a
// multiple of this baseline (or half). Where appropriate, horizontal
// spacings should also use this baseline. However, in some cases with inline
// elements it is more appropriate to use an `em` spacing.

Change @bg-shade; to transparent; and it should hide all of those borders for you. You’ll need to clear the cached CSS file to ensure it’s regenerated.

Tarcisio_Pereira · July 28, 2016, 11:31am

Hi @NateWr

Sorry about delay, vacations time.
Thank you a lot.

Best regards,

Tarcisio Pereira