imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Positional tweaks, and font standardisation, so all browser now use ttf, so sizing is the same across all browsers

Browse source
This commit is contained in:
wmwragg 2016-08-18 11:15:42 +01:00
parent d1649771cc
commit 67175c5a72
22 changed files with 168 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
View file

@ -19,15 +19,14 @@ limitations under the License.
clear: both;
padding-top: 24px;
font-size: 14px;
position: relative;
line-height: 1.4;
}
.mx_EventTile_avatar {
padding-left: 7px;
padding-right: 28px;
margin-top: -6px;
float: left;
position: relative;
top: 0px;
position: absolute;
top: 16px;
left: 8px;
cursor: pointer;
z-index: 2;
}
@ -51,6 +50,11 @@ limitations under the License.
font-size: 14px;
overflow-y: hidden;
cursor: pointer;
line-height: 16px;
padding-left: 65px; /* left gutter */
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
.mx_EventTile .mx_MessageTimestamp {
@ -68,7 +72,7 @@ limitations under the License.
position: relative;
/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
margin-right: 110px;
padding-left: 65px;
padding-left: 65px; /* left gutter */
padding-top: 5px;
padding-bottom: 7px;
border-radius: 4px;

65
src/skins/vector/css/vector-web/fonts.css Normal file
View file

@ -0,0 +1,65 @@
/*
* Open Sans
* Includes extended Latin, Greek, Cyrillic and Vietnamese character sets
*/
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
/*
* Fira Mono
* Used for monospace copy, i.e. code
*/
@font-face {
font-family: 'Fira Mono';
src: url('fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Mono';
src: url('fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}