Regex: Migrate CSS styling

Universal styling has been moved to the main styles.css.

Signed-off-by: kingbri <bdashore3@proton.me>
This commit is contained in:
kingbri
2023-07-04 20:58:18 -04:00
parent e6eae0aad1
commit 7c0222a15b
4 changed files with 15 additions and 31 deletions

View File

@@ -46,7 +46,7 @@
</div>
<div class="flex-container">
<div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap align-start">
<div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap alignitemsstart">
<small>Placement</small>
<div>
<label class="checkbox flex-container">
@@ -79,7 +79,7 @@
</label>
</div>
</div>
<div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap align-start">
<div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap alignitemsstart">
<small>Other Options</small>
<label class="checkbox flex-container">
<input type="checkbox" name="disabled" />

View File

@@ -1,6 +1,6 @@
<div class="regex-script-label flex-container flex-nowrap">
<div class="regex_script_name flex-grow overflow-hidden"></div>
<div class="flex-container flex-nowrap">
<div class="regex-script-label flex-container flexnowrap">
<div class="regex_script_name flexGrow overflow-hidden"></div>
<div class="flex-container flexnowrap">
<div class="edit_existing_regex menu_button">
<i class="fa-solid fa-pencil"></i>
</div>

View File

@@ -1,7 +1,3 @@
.align-start {
align-items: start;
}
.regex_settings .menu_button {
width: fit-content;
display: flex;
@@ -9,10 +5,6 @@
flex-direction: row;
}
.align-center {
align-items: center;
}
.regex-script-container {
margin-top: 10px;
margin-bottom: 10px;
@@ -26,21 +18,3 @@
margin-top: 1px;
margin-bottom: 1px;
}
.align-self-center {
align-self: center;
}
.flex-grow {
flex-grow: 1;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.overflow-hidden {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

View File

@@ -3997,6 +3997,16 @@ toolcool-color-picker {
align-items: center;
}
.alignitemsstart {
align-items: start;
}
.overflow-hidden {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.padding5 {
padding: 5px;
}