@sdetweil said in magicmirror is displayed too big /large:
@aboatdev try zooming out
ctrl-- minus key 2 left of backspace.
most keypad minus key doesn’t workthe style sheets are designed for 1920x1080
and do not auto scale to different screen sizes
CTRL + 0 and CTRL+“-” CTRL± and CTRL + 2 doesn’t work
I found another, less clean way :
body {
zoom: 75%;
}
https://github.com/MichMich/MagicMirror/issues/914
Thank you very much!
@sdetweil said in magicmirror is displayed too big /large:
@aboatdev try zooming out
ctrl-- minus key 2 left of backspace.
most keypad minus key doesn’t workthe style sheets are designed for 1920x1080
and do not auto scale to different screen sizes
CTRL + 0 and CTRL+“-” CTRL± and CTRL + 2 doesn’t work
I found another, less clean way :
body {
zoom: 75%;
}
https://github.com/MichMich/MagicMirror/issues/914
Thank you very much!
Hello,
All my magicmirror, is displayed too big /large
How it is displayed :
How I would like it to appear :
Screen résolution :
1280x800 pixels (339x212 millimetter)
My custom css :
html {
cursor: none;
overflow: hidden;
background: #000;
}
::-webkit-scrollbar {
display: none;
}
body {
margin: 5px;
position: absolute;
height: calc(100% - 10px);
width: calc(100% - 10px);
background: #000;
color: #aaa;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300;
font-size: 0.5em;
line-height: 0.5em;
-webkit-font-smoothing: antialiased;
}
/**
* font-size: 2em;
*/
/**
* Default styles.
*/
.dimmed {
color: #666;
}
.normal {
color: #999;
}
.bright {
color: #fff;
}
.xsmall {
font-size: 15px;
line-height: 20px;
}
.small {
font-size: 20px;
line-height: 25px;
}
.medium {
font-size: 30px;
line-height: 35px;
}
.large {
font-size: 60px;
line-height: 60px;
}
.xlarge {
font-size: 70px;
line-height: 70px;
letter-spacing: -3px;
}
.thin {
font-family: Roboto, sans-serif;
font-weight: 100;
}
.light {
font-family: "Roboto Condensed", sans-serif;
font-weight: 300;
}
.regular {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
}
.bold {
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
header {
text-transform: uppercase;
font-size: 10px;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
font-weight: 350;
border-bottom: 1px solid #666;
line-height: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
color: #999;
}
sup {
font-size: 20%;
line-height: 20%;
}
/**
* Module styles.
*/
.module {
margin-bottom: 30px;
}
.region.bottom .module {
margin-top: 30px;
margin-bottom: 0;
}
.no-wrap {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pre-line {
white-space: pre-line;
}
/**
* Region Definitions.
*/
.region {
position: absolute;
}
.region.fullscreen {
position: absolute;
top: -60px;
left: -60px;
right: -60px;
bottom: -60px;
pointer-events: none;
}
.region.fullscreen * {
pointer-events: auto;
}
.region.right {
right: 0;
text-align: right;
}
.region.top {
top: 0;
}
.region.top .container {
margin-bottom: 25px;
}
.region.bottom .container {
margin-top: 25px;
}
.region.top .container:empty {
margin-bottom: 0;
}
.region.top.center,
.region.bottom.center {
left: 50%;
transform: translateX(-50%);
}
.region.top.right,
.region.top.left,
.region.top.center {
top: 100%;
}
.region.bottom {
bottom: 0;
}
.region.bottom .container:empty {
margin-top: 0;
}
.region.bottom.right,
.region.bottom.center,
.region.bottom.left {
bottom: 100%;
}
.region.bar {
width: 100%;
text-align: center;
}
.region.third,
.region.middle.center {
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.region.upper.third {
top: 33%;
}
.region.middle.center {
top: 50%;
}
.region.lower.third {
top: 66%;
}
.region.left {
text-align: left;
}
.region table {
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.MMM-PiTemp{
display: inline-block;
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.MMM-network-signal {
display: inline-block;
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.weather {
display: inline-block;
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.weatherforecast {
display: inline-block;
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.weatherforecast .module-header {
display: none;
visibility: hidden;
}
.MMM-GoogleCast .module-header {
display: none;
visibility: hidden;
}
.calendar .time {
padding-left: 10px !important;
}
Thank you very much
In French :
Salut le module MMM-Pronote créé par @Bugsounet & @delphiki
https://forum.magicmirror.builders/topic/13572/fr-only-mmm-pronote/4
https://github.com/bugsounet/MMM-Pronote
http://github.com/bugsounet/MMM-Pronote/wiki
Je l’ai mis en place, il est très complet et fonctionne bien
Désolé de déterré se post mais ça peut aider les nouveaux qui le cherche 
EN : (translator)
Hi the MMM-Pronote module created by @Bugsounet & @delphiki
https://forum.magicmirror.builders/topic/13572/fr-only-mmm-pronote/4
https://github.com/bugsounet/MMM-Pronote
http://github.com/bugsounet/MMM-Pronote/wiki
I set it up, it is very complete and works well.
Sorry to dig up this post but it can help newcomers who are looking for it
Hello,
Je suis étudiant, je viens de l’installer, marche parfaitement merci !
Si vous avez besoin d’un testeur ou avoir des retour je suis là !
Rajouter :
Merci à vous
En :
Hello the community
demo : https://streamable.com/s/sbqqi/jiwlkc
How to integrate code into the magic mirror? https://codepen.io/TheVVaFFle/full/MOoQyO/ ( open source : https://bayfiles.com/F1b4F2k4b0 and https://codepen.io/TheVVaFFle/pen/MOoQyO) OR https://codepen.io/nelsonr/full/WamzJb/
How to analyze the sound coming out of the raspeberry and without drop file? (ex : https://codepen.io/r21nomi/pen/OBEqbQ)
Analyze audio in to the Bluetooth
Thank you very much.
PS: I am French
fr :
Comment intégrer se code au magic mirror ?
Comment faire pour analyser le son qui sors de la raspeberry et sans drop file ?
Merci beaucoup
Bonjour, super topic et en français !
Rien de concluant dans des magasins physique ?
(leroymerlin , mr-bricolage etc ?)