dockbar liferay 6.2 的 css 更改

标签 css css-float liferay-theme

我正在使用 liferay 6.2 和我的自定义主题,对于停靠栏,我想修改 css。我有边框,我希望我的停靠栏高度和宽度与我的边框大小相同,所以我在 custom.css 中做了一些修改,如下所示

.aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
    left: 1259px;
    position: relative;
    width: 200px;
}

请看下面的停靠栏图片,其中红色是边框,黑色是停靠栏,我需要停靠栏必须位于具有相同边框高度和宽度的边框顶部。

我尝试通过 position:fixed 和在 custom.css 中提供 padding-right 进行修复,但这会暂时修复,并且停靠栏会随着屏幕分辨率的不同而不断移动

Please click here for dockbar image

最佳答案

该问题是由于在.nav-account-controls 上设置了宽度引起的,所以请去掉宽度。您不应在此列表上设置宽度,因为用户名是可变的。

关于dockbar liferay 6.2 的 css 更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40128726/

相关文章:

java - 在 liferay 主题中添加语言支持

php - Wordpress 不读取样式表

javascript - 第一次集成支付网关,php集成PayUmoney后显示黑页

jquery - Bootstrap 选项卡不添加事件类链接

css - Div 与溢出并排 float ?

css - Liferay 禁用 AlloyUI 并仅使用 bootstrap.css

css - 对象位置的关键帧动画在 Safari 中不起作用

css - Z索引不适用于伪

html - 如何在不换行的情况下左右浮动图像

liferay - 如何在 Liferay 7 中添加新语言?