Project

General

Profile

Actions

Feature proposal #7105

open

Modernize CSS selectors

Added by krileon about 6 years ago. Updated about 6 years ago.

Status:
Assigned
Priority:
High
Assignee:
Target version:
Start date:
10 April 2018
Due date:
% Done:

0%

Estimated time:

Description

Replace ALL CB CSS selectors with modern format. No camelcase and no underscores. All selectors should be dash separated. All CB selectors should be prefixed with cb-. Examples as follows.

Old: cbViewReportsButtons
New: cb-view-reports-buttons

This allows partial selector matching to work nicely using entirely CSS3, which you can't do without the dash making camelcase and underscore bad usage.

Actions #1

Updated by krileon about 6 years ago

Ideally every element, where it makes sense, should have a CB semantic CSS class. Examples as follows.

From: <div class="form-group row no-gutters mb-0 cb_form_line">
To: <div class="form-group row no-gutters mb-0 cb-form-line">

From: <table class="table table-hover mb-0">
To: <table class="table table-hover mb-0 cb-table-hover">

Actions

Also available in: Atom PDF