page: txp5

Core SASS

form: txp5_scss

_txp-save-zone.scss ➔ modified 83 days ago

GitHub: _txp-save-zone.scss

    
      @use "../2-atoms/beam";
.txp-save-zone {
  @extend %beam !optional;
  gap:var(--base-unit);
  .ui-icon {
    display: none;
  }
  .txp-actions {
    display: contents;
  }
}

.txp-article-view,
.txp-clone {
  // trying to hide   in string
  //width: calc(max-content - 1em);
  //overflow: hidden;
}

Source html

 
        
          <div id="txp-article-actions" class="txp-save-zone">
  <p class="txp-save">
    <input name="save" class="publish" type="submit" value="Save">
  </p>
  <p class="txp-actions">
      <a class="txp-new" href="#">
        <span class="ui-icon ui-extra-icon-new-document"></span>
         New article
      </a>
    <button class="txp-clone txp-reduced-ui-button" id="article_partial_article_clone">
      <span class="ui-icon ui-icon-copy" title="Duplicate"></span>
      &nbsp;Duplicate
    </button>
    <a class="txp-article-view" id="article_partial_article_view" target="_blank" href="#">
      <span class="ui-icon ui-icon-notice" title="View"></span>&nbsp;View
    </a>
  </p>
</div>