1

我正在尝试修复这个 jsf richfaces 菜单。有些组件不尊重我给出的高度： 注意红色右边框

这是我的jsf代码：

    <div style="background:url(#{facesContext.externalContext.request.contextPath}/images/sigelp_menubar_bg.jpg) repeat-x #4a71a5; text-align:left; height:30px; width:100%; border:0;">
        <h:form style="height:30px">
            <rich:toolbar style="width:auto; background: none; height:30px; vertical-align:middle; padding:0;" itemStyle="border-right: 1px solid red; padding:0; margin:0; height: 30px;"> 
                <rich:toolbarGroup style="padding:0; margin:0;">
                    <rich:dropDownMenu style="padding:0; background:none; height:30px" >
                        <f:facet name="label" style="padding:0; margin:0;">
                            <h:outputText value="Administrar" />
                        </f:facet>
                        <rich:menuGroup label="Estadios" rendered="#{seguridadBean.validarPermisoAdministrarEstadios}" iconDisabled="true">
                            <rich:menuItem label="Listar" action="#{menuBean.listarEstadios}" rendered="#{seguridadBean.validarPermisoListarEstadios}"/>
                            <rich:menuItem label="Agregar" action="#{menuBean.agregarEstadio}" rendered="#{seguridadBean.validarPermisoAgregarEstadios}"/>
                        </rich:menuGroup>
                        <rich:menuGroup label="Deportes" rendered="#{seguridadBean.validarPermisoAdministrarDeportes}">
                            <rich:menuItem label="Listar" action="#{menuBean.listarDeportes}" rendered="#{seguridadBean.validarPermisoListarDeportes}"/>
                            <rich:menuItem label="Agregar" action="#{menuBean.agregarDeporte}" rendered="#{seguridadBean.validarPermisoAgregarDeportes}"/>
                        </rich:menuGroup>
                        <rich:menuGroup label="Equipos" rendered="#{seguridadBean.validarPermisoAdministrarEquipos}">
                            <rich:menuItem label="Listar" action="#{menuBean.listarEquipos}" rendered="#{seguridadBean.validarPermisoListarEquipos}"/>
                            <rich:menuItem label="Agregar" action="#{menuBean.agregarEquipo}" rendered="#{seguridadBean.validarPermisoAgregarEquipos}"/>
                        </rich:menuGroup>
                        <rich:menuGroup label="Torneos" rendered="#{seguridadBean.validarPermisoAdministrarTorneos}">
                            <rich:menuItem label="Listar" action="#{menuBean.listarTorneos}" rendered="#{seguridadBean.validarPermisoListarTorneos}"/>
                            <rich:menuItem label="Agregar" action="#{menuBean.agregarTorneo}" rendered="#{seguridadBean.validarPermisoAgregarTorneos}"/>
                        </rich:menuGroup>
                        <rich:menuGroup label="Empleados" rendered="#{seguridadBean.validarPermisoAdministrarEmpleados}">
                            <rich:menuItem label="Listar" action="#{menuBean.listarEmpleados}" rendered="#{seguridadBean.validarPermisoListarEmpleados}"/>
                            <rich:menuItem label="Agregar" action="#{menuBean.agregarEmpleado}" rendered="#{seguridadBean.validarPermisoAgregarEmpleados}"/>
                        </rich:menuGroup>
                        <rich:menuItem label="Categorias" action="#{menuBean.administrarCategorias}" rendered="#{seguridadBean.validarPermisoAdministrarCategorias}"/>
                        <rich:menuGroup label="Seguridad" rendered="#{seguridadBean.validarPermisoAdministrarSeguridad}">
                            <rich:menuItem label="Usuarios" action="#{menuBean.listarUsuarios}" rendered="#{seguridadBean.validarPermisoListarUsuarios}"/>
                            <rich:menuGroup label="Perfiles" rendered="#{seguridadBean.validarPermisoAdministrarPerfiles}">
                                <rich:menuItem label="Listar" action="#{menuBean.listarPerfiles}" rendered="#{seguridadBean.validarPermisoListarPerfiles}"/>
                                <rich:menuItem label="Agregar" action="#{menuBean.agregarPerfil}" rendered="#{seguridadBean.validarPermisoAgregarPerfiles}"/>   
                            </rich:menuGroup>
                        </rich:menuGroup>
                    </rich:dropDownMenu>
                    <rich:menuItem label="Administrar socios" action="#{menuBean.administrarSocios}" rendered="#{seguridadBean.validarPermisoAdministrarSocios}"/>
                    <rich:dropDownMenu>
                        <f:facet name="label">
                            <h:outputText value="Cuotas sociales" />
                        </f:facet>
                        <rich:menuItem label="Generar cuotas sociales" action="#{menuBean.generarCuotasSociales}"/>
                        <rich:menuItem label="Listar cuotas sociales sin rendir" action="#{menuBean.listarCuotasSocialesSinRendir}"/>
                    </rich:dropDownMenu>
                    <rich:menuItem label="Vender entradas" action="#{menuBean.venderEntradas}"/>
                </rich:toolbarGroup>
                <rich:toolbarGroup location="right">
                    <rich:menuItem label="Salir" action="#{loginBean.logout}" />
                    <ui:insert name="backButton">
                        <a4j:region>
                        <h:commandLink action="#{seguridadBean.volver}" rendered="#{seguridadBean.showBackButton}" immediate="true">
                            <h:graphicImage value="/images/arrows/arrow-left.png" alt="Volver" style="border: 0px;" width="32"/>
                        </h:commandLink>
                        </a4j:region>
                    </ui:insert>
                </rich:toolbarGroup>
            </rich:toolbar>
        </h:form>
    </div>

还有一些通过 CSS 修复的意图：

 .rf-ddm-itm-unsel{   border:0;   }    .rf-ddm-lbl-dec{   height:100%; }

.rf-ddm-itm:hover {边距:0; 填充：0；背景：#7BA0D2；}

.rf-tb-itm{ 高度：30px; }

.rf-tb {填充：0；边距：0；}

.rf-tb-itm，.rf-ddm-lbl，.rf-ddm-unsel{ 行高：30px；填充：0；边距：0；}

任何提示或帮助将不胜感激，非常感谢

红色边框在里面定义<rich:toolbar itemStyle="border-right: 1px solid red; padding:0; margin:0; height: 30px;">

4

0 回答 0