XF 2.0 Style properties within the reply box (highlighting text.)

[TerryP]

The first image is taken from the test forum here. You can see how I've highlighted the text and it would be easy to CTRL+B, insert link, etc.

The second image is from my site. I've highlighted the same text but as you can see--or rather can't--it's impossible to tell what's been selected.

I've looked and can't find where this can be corrected. A point in the right direction would be appreciated.

 

[Paul B]

This is the CSS, err, less for that.



Have a look in editor.less.

 

[TerryP]

This is the CSS, err, less for that.

View attachment 163561

Have a look in editor.less.

In Editor_base.less I've got this.

.fr-wrapper {
  position: relative;
  z-index: 1;
  .clearfix();

  .fr-placeholder {
    position: absolute;
    font-size: @placeholder-size;
    color: @placeholder-color;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  &.show-placeholder {
    .fr-placeholder {
      display: block;
    }
  }

  ::selection {
    background: @selection-bg;
    color: @selection-text;
  }

In Editor.less this is the only instance of fr-wrapper.




You're recommending a change in Editor_base.less

  ::selection {
    background: @selection-bg;
    color: @selection-text;
  }

IE : rgb(211,211,211)

 

[Paul B]

Yes, that's likely it.

I only used the browser console to get the class - that doesn't show where it originally comes from in the templates.