mirror of
https://github.com/apache/cloudstack
synced 2026-08-03 05:43:12 +00:00
01c721fcda
* reface quotaTariffList process and add listOnlyRemoved parameter * add unit tests for createQuotaTariffResponse and isUserAllowedToSeeActivationRules methods * update QuotaTariffListCmdTest * refactor quota tariffs creation * refactor quota tariffs update * fix unit test in JsInterpreter * remove unused import * refactor quota listing and add quota deletion * add functionality to create tariff from UI, not working when specifying dates * fix date parsing * add labels * fix details view of tariffs * new update tariff view * fix filter placeholder * remove debug html * add labels * make value field to be required when updating a tariff * add labels * add portuguese labels * remove unused label * fix updating tariff when there was no enddate specified * refactor dates * refactor dates * clear code * update disabled dates in date picker * clear ListView component * fix unnecessary updates when the new end date was equal to the exising end date * fix when today was selected to start date * add keyword to filter * change usage type response * add keyword and usagetype filter on UI * fix disabled end dates in date picker * modify datepickers to use datetime * small fixes * make value an unrequired field on update form * remove duplicate import * remove unused css classes * add UI support for position parameter * resize input fields to fill all available horizontal space * remove console.log() * remove unnecessary fully qualified names * replace `usagetypeid` property name to `id` on `listUsageTypes` API call * replace `usagetypeid` property name to `id` on `listUsageTypes` API call |
||
|---|---|---|
| .. | ||
| ant-overwrite | ||
| common | ||
| components | ||
| frame | ||
| layout | ||
| objects | ||
| variables | ||
| dark-mode.less | ||
| index.less | ||
| README.md | ||
| vars.less | ||
index.less
- src/styles/index.less imports all necessary rules for cloudstack
ant .less structure node_modules/ant-design-vue/
main .less entry points:
- dist/antd.less
- imports everthing with index.less + components.less
- lib/style/index.less
- themes/default.less
- color/colors'
- default theme @variables
- core/index.less
- includes base styles, motion rules and iconfont
- themes/default.less
src/style/ explaination
- index.less includes ant styles, as well as all custom variables and rules
folders:
- variables
- include all custom variables here
- common
- include all rules that reset styles, define global stuffs without classes at all
- e.g. body {} p, ul, li {} h1, h2, h3 {}
- ant-overwrite
- any styles that overwrites the existin ant rules by any reason
- e.g. classes like .ant-layout-header .anticon {}
- frame
- everything that belongs to the frame
- e.g. header, footer, nav, sider, content (just the actual content frame, not every component in it)
- layout
- rules that modify the page at all if new layout class is set.
- e.g. #html class="layout-ant-black"#
- objects
- repeatly used elements like buttons, inputs
- components
- complex elements like dropdown, forms, table, search (usually include this to components/FooterToolbar/ folder)
The "/deep/" combinator
- use the /deep/ combinator (or in other versions ">>>") helps us to exclude "scoped" rules into global
- e.g. will scope a generated data ID like .a .b .c[data-abcde] {}
- but will scope .a[data-abcde] .b .c {}
- so everything after deep will be outside the defined scope
- watch this article for technical information. https://vue-loader.vuejs.org/guide/scoped-css.html#child-component-root-elements
