jean/metamorpov
jean
/
metamorpov
1
0
Fork 0
Code Issues 5 Pull Requests Releases 2 Wiki Activity

Compare commits

base: jean:0f03f9301026d7babe96c4c3a32d75b92ef00971
Branches Tags
jean:main
jean:1.2.0
jean:1.1.0
..
compare: jean:da4af3b7db401c404abe48e26aaefb22077da09f
Branches Tags
jean:main
jean:1.2.0
jean:1.1.0

2 Commits
0f03f93010 ... da4af3b7db

Author SHA1 Message Date
Jean Viscogliosi-Pate da4af3b7db Adding meta to scale for mobile, disabling other options before set 2025-01-26 22:27:22 -08:00
Jean Viscogliosi-Pate 5db032a9db Removing scrollbar padding 2025-01-26 22:26:36 -08:00
2 changed files with 12 additions and 13 deletions
Show Stats Expand all files Collapse all files

4
src/popup.css
View File

@ -9,7 +9,6 @@
--window-margin: 10px; --window-margin: 10px;
--window-width: 360px; /* Equal to width of add-ons panel */ --window-width: 360px; /* Equal to width of add-ons panel */
--window-height: 515px; /* Equal to height add-ons panel */ --window-height: 515px; /* Equal to height add-ons panel */
--scrollbar-width: 5px; /* Estimated! */
--toggle-margin-left: 15px; --toggle-margin-left: 15px;
--toggle-margin-right: 5px; --toggle-margin-right: 5px;
@ -92,8 +91,7 @@ body {
color: var(--text-normal); color: var(--text-normal);
width: var(--window-width); width: var(--window-width);
height: var(--window-height); height: var(--window-height);
padding-left: var(--window-margin); padding: 0 var(--window-margin);
padding-right: calc(var(--window-margin) + var(--scrollbar-width));
margin: auto; margin: auto;
} }

21
src/popup.html
View File

@ -4,6 +4,7 @@
<head> <head>
<link href='popup.css' rel='stylesheet' type='text/css'> <link href='popup.css' rel='stylesheet' type='text/css'>
<script src="popup.js" type="text/javascript"></script> <script src="popup.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
@ -43,52 +44,52 @@
<ul id="other" class="flat reveal-slow"> <ul id="other" class="flat reveal-slow">
<li> <li>
<label for="subjective">Subjective</label> <label for="subjective">Subjective</label>
<input type="text" id="subjective" name="subjective" placeholder="e.g. he, they"> <input type="text" id="subjective" name="subjective" placeholder="e.g. he, they" disabled>
</li> </li>
<li> <li>
<label for="objective">Objective</label> <label for="objective">Objective</label>
<input type="text" id="objective" name="objective" placeholder="e.g. her, them"> <input type="text" id="objective" name="objective" placeholder="e.g. her, them" disabled>
</li> </li>
<li> <li>
<label for="possessive">Possessive</label> <label for="possessive">Possessive</label>
<input type="text" id="possessive" name="possessive" placeholder="e.g. his, their"> <input type="text" id="possessive" name="possessive" placeholder="e.g. his, their" disabled>
</li> </li>
<li> <li>
<label for="adjective">Adjective</label> <label for="adjective">Adjective</label>
<input type="text" id="adjective" name="adjective" placeholder="e.g. hers, theirs"> <input type="text" id="adjective" name="adjective" placeholder="e.g. hers, theirs" disabled>
</li> </li>
<li> <li>
<label for="reflexive">Reflexive</label> <label for="reflexive">Reflexive</label>
<input type="text" id="reflexive" name="reflexive" placeholder="e.g. himself, themself"> <input type="text" id="reflexive" name="reflexive" placeholder="e.g. himself, themself" disabled>
</li> </li>
<li> <li>
<label for="honorific-abbr">Honorific abbr.</label> <label for="honorific-abbr">Honorific abbr.</label>
<input type="text" id="abbr" name="honorific-abbr" placeholder="e.g. Ms., Mx."> <input type="text" id="abbr" name="honorific-abbr" placeholder="e.g. Ms., Mx." disabled>
</li> </li>
<li> <li>
<label for="honorific">Honorific</label> <label for="honorific">Honorific</label>
<input type="text" id="honorific" name="honorific" placeholder="e.g. mister, mix"> <input type="text" id="honorific" name="honorific" placeholder="e.g. mister, mix" disabled>
</li> </li>
<li> <li>
<label for="noun-adult">Adult noun</label> <label for="noun-adult">Adult noun</label>
<input type="text" id="adult" name="adult-noun" placeholder="e.g. woman, person"> <input type="text" id="adult" name="adult-noun" placeholder="e.g. woman, person" disabled>
</li> </li>
<li> <li>
<label for="noun-child">Child noun</label> <label for="noun-child">Child noun</label>
<input type="text" id="child" name="child-noun" placeholder="e.g. boy, kid"> <input type="text" id="child" name="child-noun" placeholder="e.g. boy, kid" disabled>
</li> </li>
<li id="other-final"> <li id="other-final">
<label for="plurality">Conjugates</label> <label for="plurality">Conjugates</label>
<select id="plurality" name="conjugates"> <select id="plurality" name="conjugates" disabled>
<option value="singular">singular</option> <option value="singular">singular</option>
<option value="plural">plural</option> <option value="plural">plural</option>
</select> </select>