Browse Source

frio: show attachment icons in posts

pull/2769/head
rabuzarus 5 years ago
parent
commit
ced8923323
3 changed files with 38 additions and 2 deletions
  1. +21
    -0
      view/theme/frio/css/font-awesome.custom.css
  2. +16
    -2
      view/theme/frio/css/style.css
  3. +1
    -0
      view/theme/frio/templates/head.tpl

+ 21
- 0
view/theme/frio/css/font-awesome.custom.css View File

@ -0,0 +1,21 @@
/*
@fiel view/theme/frio/css/font-awesome.custom.css
@brief This file applies Font Awesome icons to some friendica standard classes
*/
.icon:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
vertical-align: top;
font-size: 1.4em;
}
/* media icons */
.icon.type-image:before { content: "\f1c5"; }
.icon.type-video:before { content: "\f1c8"; }
.icon.type-audio:before { content: "\f1c7"; }
.icon.type-text:before { content: "\f0f6"; }
.icon.type-application:before { content: "\f016"; }
.icon.type-unkn:before { content: "\f016"; }

+ 16
- 2
view/theme/frio/css/style.css View File

@ -1404,6 +1404,15 @@ section #jotOpen {
.wall-item-body > a > img {
border-radius: 3px;
}
.wall-item-body .body-attach > a {
color: #555;
display: inline-block;
}
.wall-item-body .body-attach > a div {
color: #555;
width: 20px;
}
.shared-wrapper,
.vevent {
margin-left: 50px;
@ -1486,7 +1495,8 @@ blockquote.shared_content {
/* wall item hover effects */
.wall-item-container .wall-item-links,
.wall-item-container .wall-item-actions {
.wall-item-container .wall-item-actions,
.wall-item-container .body-attach > a {
opacity: 0.3;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
@ -1495,7 +1505,8 @@ blockquote.shared_content {
transition: all 0.25s ease-in-out;
}
.wall-item-container:hover .wall-item-links,
.wall-item-container:hover .wall-item-actions {
.wall-item-container:hover .wall-item-actions,
.wall-item-container:hover .body-attach > a {
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
@ -1503,6 +1514,9 @@ blockquote.shared_content {
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wall-item-container .wall-item-body .body-attach > a:hover {
opacity: 1;
}
/*
/* Comments


+ 1
- 0
view/theme/frio/templates/head.tpl View File

@ -30,6 +30,7 @@
{{* own css files *}}
<link rel="stylesheet" href="view/theme/frio/css/hovercard.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="view/theme/frio/css/font-awesome.custom.css" type="text/css" media="screen"/>
<!--
<link rel="shortcut icon" href="images/friendica-32.png" />


Loading…
Cancel
Save