commit ec625fae230feb8334ad73f4b1d0e2d5e80681bd Author: OverPoweredDev Date: Sat May 29 16:10:25 2021 +0530 settings layout complete diff --git a/icons/language.svg b/icons/language.svg new file mode 100644 index 0000000..e5ea9b6 --- /dev/null +++ b/icons/language.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/options.html b/options.html deleted file mode 100644 index 6053fdb..0000000 --- a/options.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - Apertium WebExt - - - - - \ No newline at end of file diff --git a/popup/options.html b/popup/options.html new file mode 100644 index 0000000..7bdb8d2 --- /dev/null +++ b/popup/options.html @@ -0,0 +1,78 @@ + + + + + Apertium + + + + + + + + + +
+
+ Default Language to Translate to +
+ + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Hover-Enabled Websites
1https://wikipedia.com
2https://stackoverflow.com/
3https://www.w3schools.com/
4https://www.youtube.com/
5https://github.com/
+
+
+
+
+ Apertium WebExt 1.0 +
+ diff --git a/popup/popup.css b/popup/popup.css index c27a3bc..857bbcb 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -4,6 +4,11 @@ body { margin: 0; } +tr, td, th { + padding: 0.5em !important; + border: 0; +} + .banner-apertium { display: flex; flex-direction: row; @@ -30,18 +35,30 @@ body { order: 1; display: flex; flex-direction: column; - align-items: center; - justify-content: flex-end; + align-content: center; + justify-content: center; - padding-bottom: .5em; padding-right: 2em; } -.container{ - padding: 0.5em 0.5em 0 0.5em; +.settings-icon { + padding-top: 0.5em !important; + color: #fff; + + font-size: x-large !important; +} + +.language-icon { + padding-top: 0.6em !important; + -webkit-filter: invert(1); + filter: invert(1); +} + +.main-container { + padding: 0.5em; } -.language-select-container{ +.language-select-container { display: flex; flex-direction: row; } @@ -114,15 +131,59 @@ body { } .footer { + height: 0; visibility: hidden; display: flex; flex-direction: row; justify-content: flex-end; - - margin: 0 0.5em 0.5em 0; } .footer span { color: #5c5c5c; font-size: 0.5em; +} + +.default-language-select { + display: flex; + flex-direction: row; + justify-content: space-between; + align-content: center; + + margin-bottom: 1em; +} + +.default-language-select .btn { + font-size: smaller; +} + +.default-language-select span { + padding-left: 0.35em; + padding-top: 0.3em; + font-size: small; +} + +.website-table-scrollbar { + position: relative; + height: 10.5em; + overflow: auto; + + -ms-overflow-style: none; + scrollbar-width: none; +} + +.website-table-scrollbar::-webkit-scrollbar { + display: none; +} + +.table-wrapper-scroll-y { + display: block; + font-size: small; +} + +.table-fix-head , .table-fix-head th, .table-fix-head tr { + position: sticky; + top: 0; + z-index: 1; + background-color: white; + border-style: hidden; } \ No newline at end of file diff --git a/popup/popup.html b/popup/popup.html index 45d1763..aa3125d 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -18,10 +18,12 @@
- + + +
-
+