It is a long established fact that a reader will be distracted by
@@ -197,11 +219,13 @@
Hvit med flere linjer
diff --git a/examples/examples.less b/examples/examples.less
index 21ef6c65c8..f424bc0d5a 100644
--- a/examples/examples.less
+++ b/examples/examples.less
@@ -1,4 +1,10 @@
@import "../node_modules/ffe-core/less/ffe";
@import "../less/ffe-accordion";
-@base-url: ".";
\ No newline at end of file
+@base-url: ".";
+
+button {
+ // Fixing margin-bug for visual tests
+ // https://stackoverflow.com/questions/13697150/textbox-and-button-top-margin-issue-for-firefox-and-chrome
+ vertical-align: bottom;
+}
\ No newline at end of file
diff --git a/less/ffe-accordion.less b/less/ffe-accordion.less
index 49f972717e..8462a954d8 100644
--- a/less/ffe-accordion.less
+++ b/less/ffe-accordion.less
@@ -64,23 +64,19 @@
}
.ffe-accordion-item__title {
+ display: flex;
+ flex-flow: column;
flex-grow: 1;
}
.ffe-accordion-item__toggler {
+ cursor: pointer;
background-color: transparent;
border: none;
color: @ffe-blue-azure;
- cursor: pointer;
- display: flex;
- flex-flow: row nowrap;
- padding: 20px;
- text-decoration: none;
- text-align: left;
- transition:
- background-color @ffe-transition-duration @ffe-ease,
- color @ffe-transition-duration @ffe-ease;
width: 100%;
+ padding: 0;
+ margin: 0;
&:hover,
&:focus {
@@ -119,3 +115,16 @@
}
}
}
+
+.ffe-accordion-item__toggler-content {
+ display: flex;
+ flex-flow: row nowrap;
+ padding: 20px;
+ text-decoration: none;
+ text-align: left;
+ transition:
+ background-color @ffe-transition-duration @ffe-ease,
+ color @ffe-transition-duration @ffe-ease;
+ width: 100%;
+ margin: 0;
+}