Skip to content

Commit

Permalink
Tag 2016 bredere bedriftsmen hvis bjelle mangler (#122)
Browse files Browse the repository at this point in the history
Bedriftsmenyen har nå virksomhetsvelgeren og en annen eventuell komponent i én flexboks. 
Dersom en komponent som f.eks notifikasjonsbjellen ikke blir sendt inn, vil virksomhetsvelgeren utvide seg til å ta hele plassen.

Det løser problemet hvor selve virksomhetsvelger-menyen blir smalere hvis ikke bjellen er til stede.
  • Loading branch information
ebelegu authored May 12, 2023
1 parent ce37020 commit 3d9d13b
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 9 deletions.
4 changes: 2 additions & 2 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@navikt/bedriftsmeny",
"version": "6.5.0",
"version": "6.5.1",
"description": "Bedriftsvelger og -meny for innlogget arbeidsgiver. Laget av TAG (Tjenester for Arbeidsgivere).",
"author": "NAVIKT",
"license": "MIT",
Expand Down
6 changes: 4 additions & 2 deletions src/bedriftsmeny/BedriftsmenyView.css
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@

.navbm-container {
display: grid;
grid-template-columns: 1fr minmax(20rem, 60rem) 1fr;
grid-template-columns: 1fr minmax(1rem, 60rem) 1fr;
}

.navbm-innhold {
Expand All @@ -61,5 +61,7 @@
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
justify-content: end;
max-width: 26.25rem;
}

14 changes: 10 additions & 4 deletions src/bedriftsmeny/velger/Virksomhetsvelger.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,14 @@

.navbm-virksomhetsvelger__innhold {
display: grid;
grid-template-columns: auto 15rem 1.25rem;
grid-template-columns: auto minmax(3rem, 25rem) 1rem;
align-items: center;
gap: 1rem;
gap: 8px;
}

@media (max-width: 520px) {
.navbm-virksomhetsvelger__innhold {
grid-template-columns: minmax(3rem, 15rem) 1.25rem;
grid-template-columns: minmax(3rem, 25rem) 1rem;
}

navbm-virksomhetsvelger {
Expand All @@ -29,6 +29,7 @@

.navbm-virksomhetsvelger-fri-komponent{
position: relative;
max-width: 352px;
}

.navbm-virksomhetsvelger__innhold svg {
Expand All @@ -42,12 +43,17 @@
text-align: left;
}

.navbm-virksomhetsvelger__tekst h2 {
.navbm-virksomhetsvelger__tekst > h2 {
white-space: pre;
text-overflow: ellipsis;
overflow: hidden;
}

.navbm-virksomhetsvelger__tekst > p {
text-overflow: ellipsis;
overflow: hidden;
}

.navbm-virksomhetsvelger__popup {
display: flex;
flex-direction: column;
Expand Down

0 comments on commit 3d9d13b

Please sign in to comment.