SAP Spartacus category navigation按钮之间的间隔问题
Spartacus页面点击tab之后，生成的border是generic的，并不是category navigation特有的：
因此处理category button本身被tab border遮住一部分的问题，一个思路可以将button与button之间的距离调大一点试试。或者研究这个border尺寸到底和什么有关。
category由nav标签实现：
如果取消margin-top, 会上移3px：
如果取消padding-top, 会上移20px：
去掉display: flex之后，变成竖行显示了：
IPad上显示的效果：
长度自适应的？
这大小写也不对啊!
这个padding inline end起了作用：
padding-inline-end改再大也没用：
还是要靠padding-inline-start啊
更多Jerry的原创文章，尽在：“汪子熙”:
SAP Spartacus category navigation按钮之间的间隔问题相关推荐
- SAP Spartacus category navigation按钮的差异
红色和蓝色矩形框内标注的category功能上是不一样的: 对于红色方框里的按钮来说,鼠标放上去会展开二级菜单: 内部由h5标签页实现: > h5 {margin-top: 3px;paddin ...
- SAP Spartacus Category Navigation的accessibility问题
Spartacus页面点击tab之后,生成的border是generic的,并不是category navigation特有的: 因此处理category button本身被tab border遮住一 ...
- SAP Spartacus category navigation页面鼠标进入事件的处理
navigation-ui.component.ts里的onMouseEnter里写逻辑: 运行时的测试:
- 如何在SAP Spartacus category 页面里拿到当前的category信息
需求 https://stackoverflow.com/questions/59950572/how-to-access-the-current-categorydata-in-a-category ...
- SAP Spartacus的navigation初始化
SAP Spartacus navigation入口: /*** Sets up the location change listener and performs the initial navig ...
- SAP Spartacus category在breadcrumb里显示不正确的一个问题
在B2C的页面里,先点击某个category,观察其breadcrumb显示:显示的是category name: 而B2B模式下,显示的category code,而不是category name, ...
- SAP Spartacus B2B 页面 Disable 按钮的显示原理
SAP Spartacus B2B 页面 disable 按钮如下图所示. 这个高亮的 disable 按钮,和左边相邻的 Edit 按钮,实现位于不同的 Component. disable 按钮有 ...
- SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态
我们打开SAP Spartacus首页时,在Chrome开发者工具里能观察到cx-storefront节点,即带有LoginPageTemplate class的自定义节点,class在start-n ...
- SAP Spartacus的home page navigation逻辑
我以开发模式启动SAP Spartacus,浏览器里输入url: localhost:4200, 会自动重定向到如下页面: http://localhost:4201/powertools-spa/e ...
最新文章
- 图论 ---- F. The Shortest Statement (最短路的性质 + 任意两点间最短路 + 图转树)
- mysql 1243_MySQL#1243给予EXECUTE的未知预处理语句处理程序(stmt)
- 牛津书虫系列双语读物
- Markdown引用图片，且不使用网上链接的解决方法
- @SessionAttributes
- 6.2（求一个整数各位数字之和）
- robbe+base64+Mysql简易有效的php全文索引实现
- OpenCV处理椒盐噪声以及提高对比度
- UCB CS285课程笔记目录
- 【转】web.xml不同版本的头
- 信阳发现多例蜱虫病病例
- -moz、-ms、-webkit浏览器私有前缀详解，作用、出处
- 图片懒加载(仿SDWebImage)
- 堆结构(二) - 左倾堆的原理与实现
- 2021年河南省高考成绩位次查询,2021年河南高考位次查询及一分一段表排名查询...
- 使用js乘法 精度错乱 使用Decimal插件处理格式问题
- 1455：【例题1】Oulipo——字符串哈希
- Infortrend新一代GS统一存储系统性能全面提升
- 美股上市游戏公司第九城市入局链游平台Dontplaywithkitty.io
- Summit Wireless科技有限公司推出首款支持无线多通道音频的低成本物联网模块