Tweaks from concurrent project

This commit is contained in:
2022-04-20 22:37:05 -05:00
parent 3cf006ba13
commit 7d31c55391
14 changed files with 570 additions and 266 deletions
+43 -18
View File
@@ -13,6 +13,11 @@
padding : 0;
}
table.tk {
border : none;
border-spacing: 0;
}
.tk-body {
overflow: hidden;
}
@@ -106,6 +111,19 @@
/****************************** Drop-Down List *******************************/
.tk-dropdown {
background : var(--tk-window);
border : 1px solid var(--tk-control-shadow);
border-radius: 0;
color : var(--tk-window-text);
margin : 0;
padding : 1px;
}
/********************************* Menu Bar **********************************/
.tk-menu-bar {
@@ -526,7 +544,7 @@
/******************************* Disassembler ********************************/
/************************************ CPU ************************************/
.tk-cpu .tk-main {
height: 100%;
@@ -654,18 +672,21 @@
background: transparent;
border : none;
padding : 0;
width : 1.5em;
}
.tk-reglist.tk-program .tk-textbox:not(.tk-mono) {
text-align: right;
width : 6em;
}
.tk-reglist .tk-expansion {
align-items : center;
column-gap : 0.8em;
margin-bottom: 2px;
padding : 2px 0 0 1.5em;
}
.tk-reglist .tk-expansion {
column-gap: 0.8em;
}
.tk-reglist .tk-expansion .tk-number .tk-label {
align-items : center;
display : flex;
@@ -673,10 +694,6 @@
min-width : 12px;
}
.tk-reglist .tk-expansion .tk-textbox {
width: 1.5em;
}
.tk-reglist .tk-expansion .tk-checkbox[aria-disabled="true"][aria-checked="true"]
.tk-icon:before {
background: var(--tk-control-shadow);
@@ -694,6 +711,11 @@
/********************************** Memory ***********************************/
.tk-window .tk-memory {
height: 100%;
width : 100%;
}
.tk-memory .tk-editor {
box-shadow: 0 0 0 1px var(--tk-control),0 0 0 2px var(--tk-control-shadow);
height : calc(100% - 6px);
margin : 3px;
@@ -714,23 +736,26 @@
}
.tk-memory .tk-byte {
border : 0 solid transparent;
margin-left: calc(0.6em - 1px);
padding : 0 1px;
text-align : center;
border : 0 solid transparent;
padding : 0 1px;
text-align: center;
}
.tk-memory .tk-byte.tk-0,
.tk-memory .tk-byte.tk-8 {
margin-left: calc(1.2em - 1px);
.tk-memory .tk-byte:not(.tk-15) {
margin-right: calc(0.6em - 1px);
}
.tk-memory .tk-byte.selected {
.tk-memory .tk-address,
.tk-memory .tk-byte.tk-7 {
margin-right: calc(1.2em - 1px);
}
.tk-memory .tk-byte.tk-selected {
background: var(--tk-selected-blur);
color : var(--tk-selected-blur-text);
}
.tk-memory:focus-within .tk-byte.selected {
.tk-memory .tk-editor:focus-within .tk-byte.tk-selected {
background: var(--tk-selected);
color : var(--tk-selected-text);
}