commit 85ab783963c4a0b30ed95bf3d137f96a0cadc5b1 Author: OverPoweredDev Date: Tue Jun 1 17:37:00 2021 +0530 added final piece of layout, an extra settings page definitely final, promise! diff --git a/popup/options.html b/popup/options.html index 11f31df..64958a0 100644 --- a/popup/options.html +++ b/popup/options.html @@ -3,7 +3,9 @@ Apertium - + + + @@ -76,9 +78,7 @@ -
- Apertium WebExt 1.0 +
+ Additional Settings
- - diff --git a/popup/popup.css b/popup/popup.css index 4830c89..c6b78b8 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -163,7 +163,7 @@ tr, td, th { justify-content: space-between; align-content: center; - margin-bottom: 1em; + margin-bottom: 0.5em; } .default-language-select .btn { @@ -178,7 +178,8 @@ tr, td, th { .website-table-scrollbar { position: relative; - height: 10.5em; + margin: 0 0.3em 0 0.3em; + height: 9.5em; overflow: auto; -ms-overflow-style: none; @@ -204,4 +205,20 @@ tr, td, th { .trash-icon { cursor: pointer; +} + +.additional-settings-div { + display: flex; + flex-direction: row; + align-content: center; + justify-content: flex-end; + + margin-top: 0.5em; + padding-right: 1em; +} + +.additional-settings-div a { + font-size: smaller; + color: #333333; + text-decoration: none; } \ No newline at end of file diff --git a/popup/popup.html b/popup/popup.html index 0408f0d..26b7177 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -3,6 +3,8 @@ Apertium + + @@ -86,6 +88,4 @@ Apertium WebExt 1.0
- - \ No newline at end of file diff --git a/settings/settings.css b/settings/settings.css new file mode 100644 index 0000000..348dadb --- /dev/null +++ b/settings/settings.css @@ -0,0 +1,85 @@ +.btn { + background-color: #333333 !important; +} + +tr, td, th { + border: 0; +} + +.no-focus:focus { + outline: none !important; + box-shadow: none !important; +} + +.banner-apertium { + display: flex; + flex-direction: row; + justify-content: space-between; + + width: auto; + height: 8em; + padding: 0.5em 1em 1em 1em; + + background-color: #333333; +} + +.logo { + order: 0; +} + +.logo img { + width: auto; + height: 100%; +} + +.main-container { + padding: 1em; + height: calc(100vh - 8em); +} + +.default-language-select { + display: flex; + flex-direction: row; + justify-content: space-between; + align-content: center; + + margin-top: 1em; + margin-bottom: 1.5em; +} + +.default-language-select span { + padding-left: 0.35em; + padding-top: 0.3em; +} + +.source-select { + width: 12em !important; +} + +.website-table-scrollbar { + position: relative; + overflow: auto; + + -ms-overflow-style: none; + scrollbar-width: none; +} + +.website-table-scrollbar::-webkit-scrollbar { + display: none; +} + +.table-wrapper-scroll-y { + display: block; +} + +.table-fix-head , .table-fix-head th, .table-fix-head tr { + position: sticky; + top: 0; + z-index: 1; + background-color: white !important; + border-style: hidden; +} + +.trash-icon { + cursor: pointer; +} diff --git a/settings/settings.html b/settings/settings.html new file mode 100644 index 0000000..738fb7d --- /dev/null +++ b/settings/settings.html @@ -0,0 +1,87 @@ + + + + + Apertium + + + + + + +
+
+ Default Language to Translate to +
+ + +
+
+
+ Select Apertium Source + +
+
+ Last Updated: Yesterday at 13.00 UTC +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Hover-Enabled Websites
1https://wikipedia.comtrash icon
2https://stackoverflow.com/trash icon
3https://www.w3schools.com/trash icon
4https://www.youtube.com/trash icon
5https://github.com/trash icon
+
+
+
+ + \ No newline at end of file diff --git a/settings/settings.js b/settings/settings.js new file mode 100644 index 0000000..e69de29