用户登录

因为我禁用了一些样式表,又添加了一些自己的样式,所以很可能在界面上的元素的显示会出现问题 .. 比如这个可拖拽的表格,表格行最前面的这个小图标的显示现在就有点问题 ..

检查一下这个地方的样式 .. 这块样式来自 .. tabledrag.module.css 如果我把高度 ... 还有宽度都设置成 24 像素 ,就可以解决这个样式问题了 ..

在核心里面搜索一下样式表的名字 ... 我们可以发现这个样式表的出处是哪里 .. 一个是 system 模块定义的 .. 它在 base 这个库里 ..

然后 stable 这个主题又覆盖了一下这个样式表 ..

我可以去扩展一下 system 模块的 base 库 .. 去添加一个自己的样式表 ..

打开我的主题的 info 文件 .. 用一下 libraries-extend .. 说明一下要扩展的库 .. system 模块的 base .. 然后用一下 ninghao_ui 模块的 ui.draggable 这个库去扩展一下 ..

再找到我的自定义模块 .. 去定义一个新的库 ... 名字是 ui.draggable ... 一个 css ... 位置是 css ... components 下的 table.module.css ..

这个群组应该是 component ... 这个 button 库的群组也应该是 component ... 是单数形式 ..

再去创建这个样式表 ..

回到浏览器 .. 复制一下这块样式的选择器 ..

重新再设置一下它的 height .. 还有 width .. 都把它们设置成 24px ..

重建一下缓存 ...

再去预览一下 ..

你会发现,这个拖拽用的小图标现在就显示正常了 ..

0:00
0:00
0:00
1:30
0:00
0:00
1:14
0:00
0:00

用库的扩展来修复页面元素样式《 Drupal:自定义界面 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点