SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

2024-05-14 18:27:35

如图：敲下tab之后
Collapse all的tab focus border遮住了Add 按钮：

padding 15px起的作用：

去掉padding之后：

增加button的padding没有用，随着padding的增加，button的border也一起增加：

注意这个选择器的路径：

add button的padding 12px：

Add button是一个a标签：

button和a的padding不一致导致的问题？：

Computed：

给按钮加padding也不管用：

简单把button的padding改成25肯定不行：

修改Add font-size生效了：

加了padding之后，button的轮廓也往外迁移了：

Jerry最后发现增加margin可以：

var(–cx-spatial-base);

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析相关推荐

如何在SAP Spartacus category 页面里拿到当前的category信息
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category ...
SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态
我们打开SAP Spartacus首页时,在Chrome开发者工具里能观察到cx-storefront节点,即带有LoginPageTemplate class的自定义节点,class在start-n ...
SAP Spartacus index.html里的meta标签
meta标签用来描述页面的元数据. 我把index.htmll里的meta标签注释掉,仍然能够正常工作,这是为什么呢? 后台url维护在Environment.occBaseUrl字段里: 注入Con ...
SAP Spartacus 当购物车里添加的商品个数过多后引起的性能问题以及解决方案
问题:https://github.com/SAP/spartacus/issues/10379 解决方案:https://github.com/SAP/spartacus/pull/10865/fi ...
SAP Spartacus B2B List里的listData$设计原理
UI components do not store response data from observables locally, which means destroy logic can be ...
关于 SAP Spartacus feature library 里的 _index.scss 文件，和神奇的下划线省略行为
如下图所示:quick order 文件夹下存在一个 _index.scss 文件,其导入了 styles 文件夹下的 index: 然而,styles 文件夹下并没有 index.scss 文件,只 ...
SAP Spartacus index.html 里的 occ-backend-base-url 如何被解析的？
index.html 里下图的 meta 标签页的解析逻辑: <meta name="occ-backend-base-url" content="OCC_BACK ...
SAP Spartacus npm install 里包含的 postinstall
我执行 npm install 后: 根据关键字 postinstall 搜索,发现其定义在 package.json 文件 script 区域的 postinstall 里: "posti ...
SAP Spartacus List Component 里定义的待显示 Popover 内容，如何传递到 Popover Component 里的？
中心思想:这个传递以 Popover Directive 为桥梁. PopoverComponent里的 content 属性: string 或者 TemplateRef,后者是 ng-templa ...

最新文章

热门文章