Skip to content
Snippets Groups Projects
Commit d5a01b16 authored by Kawtar Laariche's avatar Kawtar Laariche
Browse files

#19: create custom drop down menu

parent 8b81f8b0
No related branches found
No related tags found
No related merge requests found
.version-container button .material-icons {
font-size: 20px !important;
}
.version-container button {
position: relative;
font-size: 12px;
font-weight: 600;
padding-left: 8px;
padding-right: 8px;
font-family: "Open Sans", sans-serif;
border: 1px solid #d5d5d5;
}
.version-button {
border-radius: 2px !important;
}
.selected {
background: url("../../../../assets/images/validate_icon.png") no-repeat 95%
center;
background-color: #fff;
}
.mdc-list {
padding: 0px;
margin: 0px;
}
.mdc-list-item {
padding-left: 10px;
}
.mat-mdc-raised-button {
--mdc-protected-button-container-height: 30px;
}
::ng-deep.mat-mdc-menu-content {
padding: 0px !important;
}
.mdc-list-item--with-one-line {
height: 40px !important;
border-radius: 0px !important;
}
::ng-deep.mat-mdc-menu-panel {
width: 200px !important;
}
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { VersionDropdownComponent } from './version-dropdown.component';
describe('VersionDropdownComponent', () => {
let component: VersionDropdownComponent;
let fixture: ComponentFixture<VersionDropdownComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [VersionDropdownComponent]
})
.compileComponents();
fixture = TestBed.createComponent(VersionDropdownComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatMenuModule } from '@angular/material/menu';
import { Revision } from '../../models';
import { MatListModule } from '@angular/material/list';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'gp-version-dropdown',
standalone: true,
imports: [
CommonModule,
MatMenuModule,
MatListModule,
MatButtonModule,
MatIconModule,
],
templateUrl: './version-dropdown.component.html',
styleUrl: './version-dropdown.component.scss',
})
export class VersionDropdownComponent {
@Input() selectedDefaultRevision!: Revision;
@Input() revisionsList!: Revision[];
@Output() revisionChange: EventEmitter<Revision> =
new EventEmitter<Revision>();
onChangeVersion(revision: Revision) {
this.revisionChange.emit(revision);
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment