Inga ändringar förutom när man använder en bild så ska den ha rundade hörn (25px)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Inga ändringar förutom bilderna så ska den ha rundade hörn (25px)
En fundering. Denna kompenent har ingen ”CTA-länk” så som Innehållskolumner har. Är detta något enkelt att lägga till?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Box med Pop
.bg-pop .btn {
border: 2px solid #ffffff;
background-color: #ffffff;
color: #ff7d23;
}
.bg-pop .btn:active, .bg-pop .btn:hover {
background-color: #e6e6e6;
border-color: #e6e6e6;
color: #ff7d23;
}
Box med Pop 33%
Pop 33% ska ersätta den som heter Rymd.
.bg-rymd {
background-color: #ffcdac;
color: #000000 !important;
}
.bg-rymd .btn {
border: 2px solid #ff7d23;
background-color: #ff7d23;
color: #ffffff;
}
.bg-rymd .btn:active, .bg-rymd .btn:hover {
background-color: #ef6200;
border-color: #ef6200;
color: #ffffff;
}
Box med Gryning
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Box med Marin
Marin har uppdaterats för att synas bättre på skärmar. Tidigare upplevde den som nästan svart ofta.
bg-marin {
background-color: #102939 !important;
}
Box med Marin 70%
.bg-marin-70 .btn {
border: 2px solid #ffffff;
background-color: #ffffff;
color: #ff7d23;
}
.bg-marin-70 .btn:active, .bg-marin-70 .btn:hover {
background-color: #e6e6e6;
border-color: #e6e6e6;
color: #ff7d23;
}
Box med Dimma
.bg-dimma .btn {
border: 2px solid #ffffff;
background-color: #ffffff;
color: #ff7d23;
}
.bg-dimma .btn:active, .bg-dimma .btn:hover {
background-color: #bebebe;
border-color: #bebebe;
color: #ffffff;
}
Box med Vit
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
.component-faq h2 {
font-size: 36px;
margin-bottom: 32px;
}
.component-faq .faq-section-inner {
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
background: #ffffff;
border-radius: 25px;
padding: 25px;
}
.component-faq .faq-section .toggle-item-expand {
width: 40px;
height: 40px;
background-color: #e6e6e6;
right: 45px;
top: 20px;
border-radius: 50px;
}
.component-faq .faq-section .toggle-item-expand:before {
font-size: 14px;
}
Fullbredsbild komponent
Dessa textbox ska följa samma färger som Box-komponenten ovan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Rundade hörn (border-radius: 25px) och större mellanrum (20px). Notera att bakgrundsfärgen när man hover är genomskinlig: rgb(10 25 35 / 50%)
Kontor • 1 067 kvm
Modernt kontor i centrala Kista
Lager • 244 kvm
Lagerlokal i Göteborg/Gamlestaden med lastport
Kontor • 1 350 - 8 000 kvm
Vill du också ha personal som längtar till måndag? Välkommen till Solna Gate – The Office Resort
Rundade hörn (border-radius: 25px) och större mellanrum (20px). Här skulle vi vilja välja färgerna enligt hur Box-komponent färgsätts. Hur kan vi lösa detta på enklaste sättet?
Färgen som visas här nedan är Pop 33% och använder de stilmallarna jag tog fram till startsidan och baserad på en vit våg bakgrund. Vi skulle även behöva diskutera hur vi kan hantera användning av vågen på vit och på gryning.
Rundade hörn (border-radius: 25px) och större mellanrum (20px). Här ska färgerna vara enligt hur Box-komponent färgsätts.
Rundade hörn på bilder och knappar.
Storlek på rubriken ändrad till samma som övriga rubriker på denna sida. I detta fall är det en H3 som används och inte en H2 som övriga. Den ska även ha en bredd på 100% och inte 70% så som den är nu.
.component-half-columns .half-columns-content .half-content h3 {
max-width: 100%;
font-size: 36px;
}
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Detta är en länkDen behåller samma form som tidigare. Här ska färgerna vara enligt hur Box-komponent färgsätts.
Den behåller samma form som tidigare. Här ska färgerna vara enligt hur Box-komponent färgsätts. OBS! Navigering syns inte på Pop då den är även i Pop färgen
Här ska färgerna på rutorna vara enligt hur Box-komponent färgsätts. Rundade hörn på rutorna och på bilderna.
Stockholm
Ta chansen och hyr ljusa, fina lokaler med en härlig rymd och egen entré. Planlösningen är flexibel och det lorum ipsum dolor sit amet
Stockholm
Ta chansen och hyr ljusa, fina lokaler med en härlig rymd och egen entré. Planlösningen är flexibel och det lorum ipsum dolor sit amet
Stockholm
Ta chansen och hyr ljusa, fina lokaler med en härlig rymd och egen entré. Planlösningen är flexibel och det lorum ipsum dolor sit amet
Rundade hör på fälten och med en pop border när den är aktivt. Rundad knapp.
Text ovanför formuläret har flyttats in mot höger för att linjera med ”placeholder” text i fälten
Alla ändringar som jag har tittat på är baserade på desktop-varianten. Det kan behövas visst arbete kring hur lösningarna fungerar responsivt och i mobilt läge. Nedan beskriver jag övriga delar på sidan som inte är komponenter.
Bakgrundsfärgen ska nu vara gryning.
Logotypen ska alltid vara synlig i huvudmenyn till vänster, i negativ form. Övriga varianter som tidigare syntes i hero-ytan ska tas bort.
Detta är ett nytt tillägg och innehåller:
Till vänster i toppmenyn visas brödsmulor. På startsidan visas inga brödsmulor.
Fråga att diskutera:
Ska toppmenyn ligga kvar även vid scroll, eller ska den fungera som på våra nya multi-site-lösningar för gallerior — dvs. att toppmenyn försvinner vid scroll medan huvudmenyn ligger kvar?
Se sidan:
https://corem.stage.io-ext.se/lediga-lokaler/
Här finns flera förändringar som behöver diskuteras. Det rör sig enbart om designändringar, inga nya funktioner.
Se sidan:
https://corem.stage.io-ext.se/lediga-lokaler/linkoping/forsgrand-16/
Även här finns ett antal designändringar som behöver diskuteras. Inga nya funktioner tillkommer.
En enklare och renare sidfot som innehåller 2 kolumner till vänster med kontaktinfo samt övriga länkar så som GDPR osv.
Orange våg i nederkanten.
I lediga lokaler grid så skulle vi vilja ha en ruta som går att lägga in eget innehåll ungefär så som vi kan göra på lediga lokaler i filtreringslista. Se denna bild för skiss:
