角度垫菜单边距

DLx

我的菜单菜单有问题,我到处都看过,但是什么也没用。我正在尝试添加页边空白,但从未支持此页边空白。

navbar-no-mobile.component.html

<div class="pull-right">
  <button class="btn-language" mat-icon-button [matMenuTriggerFor]="menu">
    <mat-icon [ngClass]="{'flag-francais': isFrench, 'flag-english': !isFrench}"></mat-icon>
    <a lang="{{language}}">{{language}}
      <fa-icon class="chevron_white" aria-hidden="true" [icon]="faChevronDown"></fa-icon>
    </a>
  </button>
  <mat-menu class="flag-menu" #menu="matMenu">
    <button mat-menu-item (click)="switchToEnglish()">
      <mat-icon class="flag-english"></mat-icon>
      <span lang="english">English</span>
    </button>
    <button mat-menu-item (click)="switchToFrench()">
      <mat-icon class="flag-francais"></mat-icon>
      <span lang="français">Français</span>
    </button>
  </mat-menu>
</div>

navbar-no-mobile.component.scss

/deep/ .cdk-overlay-container .flag-menu {
  margin-top: 4em;
}

我也尝试过将css放在整体css(styles.scss)中,并.flag-menu.cdk-overlay-container或使用::ng-deep代替,/deep/但它也不起作用。

维维克·贾恩(Vivek Jain)

这项工作对我来说:

::ng-deep .cdk-overlay-container .flag-menu {
  margin-top: 3rem;
}

检查stackblitz:https ://stackblitz.com/edit/mat-menu-xruuog

如果对您不起作用,请为您的代码创建stackblitz。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

垫菜单样式未应用于角度

来自分类Dev

覆盖角度垫的CSS

来自分类Dev

菜单边框颜色在chrome中定义

来自分类Dev

CSS大型菜单边框问题

来自分类Dev

JavaFX根边框与菜单边框相同

来自分类Dev

如何在“菜单边框”内移动菜单

来自分类Dev

Bootstrap 表单边距在较小的屏幕上不正确

来自分类Dev

垫单选按钮的角度变化

来自分类Dev

如何删除上一个菜单边框样式

来自分类Dev

CSS菜单边框动画无法正常工作

来自分类Dev

垫台内垫滑块的角度复位值

来自分类Dev

垫自动完成未正确过滤角度

来自分类Dev

角度-垫选择列表传递值

来自分类Dev

角度垫选择,难以设置值

来自分类Dev

如何实现这种菜单布局?全高边框和下拉菜单与菜单边框底部正确对齐?

来自分类Dev

如何使用CSS在JavaFX8中设置菜单边框/轮廓的样式?

来自分类Dev

CSS:为什么滚动条出现时菜单边框没有出现?

来自分类Dev

HTML的边框宽度100%+响应菜单边框和图标不正确

来自分类Dev

如何更改Vuetify v-自动完成菜单边框半径样式?

来自分类Dev

用图像而不是CSS中的边框模拟导航菜单边框

来自分类Dev

角度的下拉菜单

来自分类Dev

使用角材料垫菜单时的叠加位置错误

来自分类Dev

滚动时,角度垫表粘性列重叠

来自分类Dev

如何取消选中无线电垫的角度?

来自分类Dev

角度文件上传自定义垫错误问题

来自分类Dev

边距顶部菜单不起作用

来自分类Dev

边距顶部菜单移动内容

来自分类Dev

角度多选下拉菜单

来自分类Dev

角度:多选下拉菜单