article footer small display (#7031)

3 files changed, 25 insertions, 3 deletions

diff --git a/app/views/helpers/index/normal/entry_bottom.phtml b/app/views/helpers/index/normal/entry_bottom.phtml
index 3d405a5d8..0394405ad 100644
--- a/app/views/helpers/index/normal/entry_bottom.phtml
+++ b/app/views/helpers/index/normal/entry_bottom.phtml
@@ -39,7 +39,7 @@
 		<div class="item-element dropdown dynamictags">
 			<div id="dropdown-labels-<?= $this->entry->id() ?>" class="dropdown-target"></div>
 			<a class="dropdown-toggle" href="#dropdown-labels-<?= $this->entry->id() ?>">
-				<?= _i('label') ?><?= _t('index.menu.tags') ?>
+				<?= _i('label') ?><span class="dropdown-label"><?= _t('index.menu.tags') ?></span>
 			</a>
 		</div>
 	</li><?php
@@ -50,7 +50,7 @@
 		<div class="item-element dropdown">
 			<div id="dropdown-tags-<?= $this->entry->id() ?>" class="dropdown-target"></div>
 			<a class="dropdown-toggle" href="#dropdown-tags-<?= $this->entry->id() ?>">
-				<?= _i('tag') ?><?= _t('index.tag.related') ?>
+				<?= _i('tag') ?><span class="dropdown-label"><?= _t('index.tag.related') ?></span>
 			</a>
 			<ul class="dropdown-menu">
 				<li class="dropdown-header"><?= _t('index.tag.related') ?></li>
@@ -68,7 +68,7 @@
 		?><div class="item-element dropdown">
 			<div id="dropdown-share-<?= $this->entry->id() ?>" class="dropdown-target"></div>
 			<a class="dropdown-toggle" href="#dropdown-share-<?= $this->entry->id() ?>">
-				<?= _i('share') ?><?= _t('index.share') ?>
+				<?= _i('share') ?><span class="dropdown-label"><?= _t('index.share') ?></span>
 			</a>
 			<?php /* entry_share_menu */ ?>
 		</div>
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 9d88e8c0c..b1825c96d 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -62,6 +62,17 @@ html, body {
 	font-size: 100%;
 }
 
+main#stream {
+	container-type: inline-size;
+	container-name: main;
+}
+
+@container main (max-width: 600px) {
+	.horizontal-list.bottom .dropdown-label {
+		display: none;
+	}
+}
+
 main.prompt {
 	margin: 3rem auto 0;
 	padding: 2rem;
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index cc7153c5d..460756cbc 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -62,6 +62,17 @@ html, body {
 	font-size: 100%;
 }
 
+main#stream {
+	container-type: inline-size;
+	container-name: main;
+}
+
+@container main (max-width: 600px) {
+	.horizontal-list.bottom .dropdown-label {
+		display: none;
+	}
+}
+
 main.prompt {
 	margin: 3rem auto 0;
 	padding: 2rem;