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>
<div class="flex-container"> <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> <small>Placement</small>
<div> <div>
<label class="checkbox flex-container"> <label class="checkbox flex-container">
@@ -79,7 +79,7 @@
</label> </label>
</div> </div>
</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> <small>Other Options</small>
<label class="checkbox flex-container"> <label class="checkbox flex-container">
<input type="checkbox" name="disabled" /> <input type="checkbox" name="disabled" />

View File

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

View File

@@ -1,7 +1,3 @@
.align-start {
align-items: start;
}
.regex_settings .menu_button { .regex_settings .menu_button {
width: fit-content; width: fit-content;
display: flex; display: flex;
@@ -9,10 +5,6 @@
flex-direction: row; flex-direction: row;
} }
.align-center {
align-items: center;
}
.regex-script-container { .regex-script-container {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@@ -26,21 +18,3 @@
margin-top: 1px; margin-top: 1px;
margin-bottom: 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; align-items: center;
} }
.alignitemsstart {
align-items: start;
}
.overflow-hidden {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.padding5 { .padding5 {
padding: 5px; padding: 5px;
} }