diff --git a/src/svelte/src/components/DataDisplays/Header/DisplayHeader.svelte b/src/svelte/src/components/DataDisplays/Header/DisplayHeader.svelte index 14581036b..37ace1fa4 100644 --- a/src/svelte/src/components/DataDisplays/Header/DisplayHeader.svelte +++ b/src/svelte/src/components/DataDisplays/Header/DisplayHeader.svelte @@ -40,7 +40,7 @@ limitations under the License. import { byteDivWidthFromRadix } from '../../../utilities/display' const eventDispatcher = createEventDispatcher() - const bitNumText = '01234567' + let bitIndexStr = '01234567' let selectionOffsetText: string let offsetLine: string[] = [] @@ -50,6 +50,7 @@ limitations under the License. $displayRadix, $bytesPerRow ) + console.log(offsetLine) } $: selectionOffsetText = setSelectionOffsetInfo( @@ -65,15 +66,15 @@ limitations under the License. displayRadix: RadixValues, bytesPerRow: BytesPerRow ) { - let ret = [] + let ret: string[] = [] if (displayRadix != RADIX_OPTIONS.Binary) { for (let i = 0; i < bytesPerRow; i++) { ret.push(i.toString(addressRadix).padStart(2, '0')) } } else { - for (let i = 0; i < 8; i++) { - ret.push(i.toString(10)) + for (let i = 0; i < bytesPerRow; i++) { + ret.push(i.toString(addressRadix)) } } return ret @@ -134,7 +135,7 @@ limitations under the License. {#each offsetLine as offset}
{offset}
-
{bitNumText}
+
{bitIndexStr}
{/each} {:else} @@ -157,7 +158,7 @@ limitations under the License. {#each offsetLine as offset}
{offset}
+ style:min-width={byteDivWidthFromRadix(RADIX_OPTIONS.Hexadecimal)}>{offset} {/each} diff --git a/src/svelte/src/components/Header/fieldsets/Settings.svelte b/src/svelte/src/components/Header/fieldsets/Settings.svelte index 4d744bfab..3d5a9b003 100644 --- a/src/svelte/src/components/Header/fieldsets/Settings.svelte +++ b/src/svelte/src/components/Header/fieldsets/Settings.svelte @@ -30,7 +30,6 @@ limitations under the License. import { UIThemeCSSClass } from '../../../utilities/colorScheme' import ViewportVisibilityIcon from '../../Icons/ViewportVisibilityIcon.svelte' - $: $bytesPerRow = $displayRadix === RADIX_OPTIONS.Binary ? 8 : 16
diff --git a/src/svelte/src/components/globalStyles.css b/src/svelte/src/components/globalStyles.css index 7f8d6df5c..0e6aff9f4 100644 --- a/src/svelte/src/components/globalStyles.css +++ b/src/svelte/src/components/globalStyles.css @@ -317,8 +317,6 @@ div.hide-scrollbar::-webkit-scrollbar { display: flex; font-family: 'Red Hat Mono'; height: 25pt; - /* border-width: 0 1px 1px 1px; - border-style: solid; */ } .dataEditor div.measure.dark { display: flex;