SAP Spartacus visible-focus是如何施加到HTML element上的

简介: SAP Spartacus visible-focus是如何施加到HTML element上的

下图展示了元素padding的效果,padding-inline-end改成140px后, 甩尾效果非常突出:


image.png


变量–cx-color-visual-focus:


image.png


根据关键字搜索:发现被赋给outline-color:

image.png


可以把visible-focus看成一个place holder,scss被编译成css时会被展开:


image.png


这个visible-focus是如何施加到HTML element上的?

使用include导入:


image.png


答案在这里,施加到cx-table:focus-within上面:


image.png

相关文章
|
12月前
|
Java BI Windows
SAP Fiori 2.0 visual theme 施加在传统 SAP 应用上的一些限制
SAP Fiori 2.0 visual theme 施加在传统 SAP 应用上的一些限制
|
10天前
|
移动开发 前端开发 HTML5
Twaver-HTML5基础学习(8)拓扑元素(Element)_网元(Element)、节点(Node)
本文介绍了Twaver HTML5中的拓扑元素(Element),包括网元(Element)、节点(Node)和连线(Link)的基本概念和使用方法。文章详细解释了Element的属性和方法,并通过示例代码展示了如何在React组件中创建节点、设置节点属性和样式。
22 1
Twaver-HTML5基础学习(8)拓扑元素(Element)_网元(Element)、节点(Node)
|
5月前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
|
5月前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
|
5月前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
|
5月前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
|
12月前
|
JavaScript 容器
关于 SAP Spartacus generic-link component 的模板代码
关于 SAP Spartacus generic-link component 的模板代码
|
12月前
|
容器
关于 SAP UI5 框架里的 flpSandbox.html
关于 SAP UI5 框架里的 flpSandbox.html
|
12月前
|
开发者
SAP UI5 应用启动时加载的 flpSandbox.html 文件有什么作用
SAP UI5 应用启动时加载的 flpSandbox.html 文件有什么作用
|
12月前
SAP Fiori Elements 应用里 flpSandbox.html 的作用
SAP Fiori Elements 应用里 flpSandbox.html 的作用
下一篇
无影云桌面