How do I make the description of a property always visible in Optimizely CMS 11?

In the older versions of Optimizely CMS (11 and below) I'd like the editor to always be able to see the descriptions.

Answer

Create a file /{Project.Web}/ClientResources/Styles/Styles.css (name not required or magic, just consistency recommendation) and include this style below in that file.

.Sleek .dijitTabPaneWrapper .epi-form-container__section__row label[title]:after {
    content: attr(title);
    display: block;
    font-size: 9px;
    font-style: italic;
    margin: 0.3em 0 0 0;
    color: #000;
}

Add to the client resource to the Module.config

<?xml version="1.0" encoding="utf-8"?>
<module>
  <dojo>
    <paths>
      <add name="app" path="Scripts" />
      <add name="keyvaluelist" path="KeyValueList" />
    </paths>
  </dojo>
  <clientModule>
    <moduleDependencies>
      <add dependency="CMS" type="RunAfter" />
    </moduleDependencies>
  </clientModule>
  <clientResources>
    <add name="epi-cms.widgets.base" path="Styles/Styles.css" resourceType="Style" />
  </clientResources>
</module>