Skip to content

feat: La inn slot for under hver rad og mulighet for pagesize-velger #57

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tomapedersen merged 2 commits into from
Oct 1, 2025
Merged

feat: La inn slot for under hver rad og mulighet for pagesize-velger #57

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
997e4dd
feat: La til mulighet for under-rader
tomapedersen Oct 1, 2025
1387e54
feat: La til mulighet for å velge pageSize
tomapedersen Oct 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
315 changes: 17 additions & 298 deletions demo/src/assets/reset.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,27 @@
# ================================================================= */

html {
box-sizing: border-box;
overflow-y: scroll;
/* Prevent adjustments of font size after orientation changes in iOS */
word-break: normal;
-moz-tab-size: 4;
tab-size: 4;
box-sizing: border-box;
overflow-y: scroll;
/* Prevent adjustments of font size after orientation changes in iOS */
word-break: normal;
-moz-tab-size: 4;
tab-size: 4;
}

*,
::before,
::after {
background-repeat: no-repeat;
/* Set `background-repeat: no-repeat` to all elements and pseudo elements */
box-sizing: inherit;
background-repeat: no-repeat;
/* Set `background-repeat: no-repeat` to all elements and pseudo elements */
box-sizing: inherit;
}

::before,
::after {
text-decoration: inherit;
/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
vertical-align: inherit;
text-decoration: inherit;
/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
vertical-align: inherit;
}

html,
Expand Down Expand Up @@ -107,292 +107,11 @@ time,
mark,
audio,
video {
/* Reset `padding` and `margin` of all elements */
padding: 0;
margin: 0;
/* Reset `padding` and `margin` of all elements */
padding: 0;
margin: 0;
}
dialog {
padding: initial;
margin: auto;
}

/* # =================================================================
# General elements
# ================================================================= */

hr {
overflow: visible;
/* Show the overflow in Edge and IE */
height: 0;
/* Add the correct box sizing in Firefox */
}

details,
main {
display: block;
/* Render the `main` element consistently in IE. */
}

summary {
display: list-item;
/* Add the correct display in all browsers */
}

small {
font-size: 80%;
/* Set font-size to 80% in `small` elements */
}

[hidden] {
display: none;
/* Add the correct display in IE */
}

abbr[title] {
border-bottom: none;
/* Remove the bottom border in Chrome 57 */
/* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
text-decoration: underline;
text-decoration: underline dotted;
}

a {
background-color: transparent;
/* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
outline-width: 0;
/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* Specify the font family of code elements */
}

pre {
font-size: 1em;
/* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
font-weight: bolder;
/* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

/* # =================================================================
# Forms
# ================================================================= */

input {
border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
/* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type="search"] {
-webkit-appearance: textfield;
/* Correct the odd appearance in Chrome and Safari */
outline-offset: -2px;
/* Correct the outline style in Safari */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
/* Remove the inner padding in Chrome and Safari on macOS */
}

button,
input,
optgroup,
select,
textarea {
font: inherit;
/* Specify font inheritance of form elements */
}

optgroup {
font-weight: bold;
/* Restore the font weight unset by the previous rule */
}

button {
overflow: visible;
/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
text-transform: none;
/* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}

button,
html [type="button"],
/* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
}

/* Style select like a standard input */
select {
-moz-appearance: none;
/* Firefox 36+ */
-webkit-appearance: none;
/* Chrome 41+ */
}

select::-ms-expand {
display: none;
/* Internet Explorer 11+ */
}

select::-ms-value {
color: currentColor;
/* Internet Explorer 11+ */
}

legend {
border: 0;
/* Correct `color` not being inherited in IE 8/9/10/11 */
color: inherit;
/* Correct the color inheritance from `fieldset` elements in IE */
display: table;
/* Correct the text wrapping in Edge and IE */
max-width: 100%;
/* Correct the text wrapping in Edge and IE */
white-space: normal;
/* Correct the text wrapping in Edge and IE */
max-width: 100%;
/* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
/* Correct the inability to style clickable types in iOS and Safari */
-webkit-appearance: button;
color: inherit;
font: inherit;
/* Change font properties to `inherit` in Chrome and Safari */
}

/* Remove default password icon in EdgeHTML (#537) */
::-ms-clear,
::-ms-reveal {
display: none;
}

/* # =================================================================
# Specify media element style
# ================================================================= */

img {
border-style: none;
/* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
vertical-align: baseline;
}

/* # =================================================================
# Accessibility
# ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
[hidden~="screen"] {
display: inherit;
}

[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled="true"] {
cursor: default;
padding: initial;
margin: auto;
}
8 changes: 8 additions & 0 deletions demo/src/components/ComponentMenu.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,14 @@
<nve-icon name="table" />
<span class="text">NVE-Table med sticky første kolonne</span>
</router-link>
<router-link
to="/nve-table-sub-rows"
class="link"
title="Gå til Nve-table demo med utviderbare underrader"
>
<nve-icon name="table" />
<span class="text">NVE-Table med utviderbare underrader</span>
</router-link>
</div>
</template>

Expand Down
Loading
Loading