Emoji/image mutual exclusion, font size increases, layout
- Emoji and image are now mutually exclusive: emoji shown if present,
image used as fallback ({{^Emoji}}{{#Image}}...{{/Image}}{{/Emoji}})
- Emoji shown on English card front (under meaning) — both card directions
- Emoji appears directly under meaning on backs, before secondary info
- sec-label: 16px → 20px; root-info/example: 16px → 18px; related-group: 15px → 18px
- hebrew-sm font-weight:normal (prep label no longer inherits bold)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
0e4b041331
commit
62c92ffae0
1 changed files with 8 additions and 7 deletions
|
|
@ -125,13 +125,13 @@ CARD_CSS = """
|
|||
margin: 8px 0;
|
||||
}
|
||||
.root-info {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
color: #555;
|
||||
margin-top: 6px;
|
||||
direction: rtl;
|
||||
}
|
||||
.example {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
color: #444;
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
|
@ -157,7 +157,7 @@ CARD_CSS = """
|
|||
color: #555;
|
||||
}
|
||||
.sec-label {
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
color: #555;
|
||||
direction: rtl;
|
||||
text-align: center;
|
||||
|
|
@ -167,7 +167,7 @@ CARD_CSS = """
|
|||
direction: rtl;
|
||||
text-align: right;
|
||||
margin: 2px 0;
|
||||
font-size: 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.emoji-img {
|
||||
font-size: 3.5em;
|
||||
|
|
@ -201,14 +201,14 @@ VOCAB_BACK_HEB = """
|
|||
{{FrontSide}}
|
||||
<div class="divider"></div>
|
||||
<div class="meaning">{{Meaning}}</div>
|
||||
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
|
||||
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
|
||||
{{#Root}}<div class="sec-label">שורש: {{Root}}</div>{{/Root}}
|
||||
{{#PoS}}<div class="sec-label">חלק דיבור: {{PoS}}</div>{{/PoS}}
|
||||
{{#SharedRoots}}
|
||||
<div class="sec-label">מילים קשורות:</div>
|
||||
<div class="root-info">{{SharedRoots}}</div>
|
||||
{{/SharedRoots}}
|
||||
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
|
||||
{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}
|
||||
{{#Example}}
|
||||
<div class="example">{{Example}}</div>
|
||||
{{/Example}}
|
||||
|
|
@ -218,6 +218,7 @@ VOCAB_BACK_HEB = """
|
|||
VOCAB_FRONT_ENG = """
|
||||
<div class="meaning">{{Meaning}}</div>
|
||||
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
|
||||
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
|
||||
"""
|
||||
|
||||
VOCAB_BACK_ENG = """
|
||||
|
|
@ -229,7 +230,7 @@ VOCAB_BACK_ENG = """
|
|||
{{#Root}}<div class="sec-label">שורש: {{Root}}</div>{{/Root}}
|
||||
{{#PoS}}<div class="sec-label">חלק דיבור: {{PoS}}</div>{{/PoS}}
|
||||
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
|
||||
{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}
|
||||
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
|
||||
{{#Example}}
|
||||
<div class="example">{{Example}}</div>
|
||||
{{/Example}}
|
||||
|
|
|
|||
Loading…
Reference in a new issue