mirrors/BitwiseCmd
1
0
Fork 0
mirror of https://github.com/BorysLevytskyi/BitwiseCmd.git synced 2025-12-10 06:52:05 +01:00
Code Issues Projects Releases Wiki Activity

Polish UI

Browse Source
This commit is contained in:
BorysLevytskyi
2023-05-25 16:23:38 +02:00
parent 34a0d776b9
commit 58d36cde7c
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/index.css
View File

@@ -105,6 +105,8 @@ button.link-button {text-decoration: underline;}
}
.solid-border { border: solid 1px rgba(255, 255, 255, 0.8); border-radius: 5px;}
.solid-border-soft { border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 5px;}
.zero { opacity: 0.5}
.dim-extra-bits .extra-bit { opacity: 0.1;}
@@ -131,6 +133,7 @@ button.link-button {text-decoration: underline;}
.light .button:hover { background: rgba(0, 0, 0, 0.2);}
.light .solid-border { border: solid 1px gray;}
.light .donate-result-view .paypal-button { border: solid 1px gray; }
.light .accent1-border { border-color:green}
/* Dark */
.dark { background: #121212; color: white;}
@@ -150,6 +153,7 @@ button.link-button {text-decoration: underline;}
.dark button.btn:hover { background: #333}
.dark button.btn:disabled { color: #999; background-color: inherit; }
.dark .accent1 { color:mediumseagreen}
.dark .accent1-border { border-color:mediumseagreen}
/*
Midnight Theme
@@ -174,6 +178,7 @@ button.link-button {text-decoration: underline;}
.midnight button.btn:hover { background: #132537}
.midnight button.btn:disabled { color: #85a0ad; background-color: inherit; }
.midnight .accent1 { color:mediumseagreen}
.midnight .accent1-border { border-color:mediumseagreen}
button {
border: none;

4
src/shell/components/HelpResultView.css
View File

@@ -7,8 +7,8 @@
.help .panel-container {overflow: hidden;}
.help .left-panel {float:left; margin-right: 1em;}
.help .right-panel {float:left; }
.help .section-title {font-weight: bold;}
.help .section-title {font-weight: bold; font-size: 1.1em;}
.help .important-note {padding: 5px; display: inline-block; margin-top: 5px;}
@media (min-width: 1024px) {
.left-panel, .right-panel {
width: 45%;

5
src/shell/components/HelpResultView.tsx
View File

@@ -2,6 +2,8 @@ import React from 'react';
import CommandLink from '../../core/components/CommandLink';
import './HelpResultView.css';
import { INT32_MAX_VALUE, INT32_MIN_VALUE } from '../../core/const';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCircleExclamation, faWarning } from '@fortawesome/free-solid-svg-icons';
function HelpResultView() {
@@ -56,6 +58,9 @@ function HelpResultView() {
<li><code>&gt;&gt;</code> — sign propagating right shift</li>
<li><code>&gt;&gt;&gt;</code> — zero-fill right shift</li>
</ul>
<div className='important-note'>
<FontAwesomeIcon icon={faCircleExclamation} size='lg'/> <a target='_blank' href='https://en.cppreference.com/w/c/language/operator_precedence'>Operator precedence</a> is IGNORED. Operators are executed <strong>left-to-right</strong>.
</div>
</div>
<div className="section soft-border">
<div className="section-title soft">Supported Number Types <sup className='accent1'>NEW</sup></div>