Megoldva Szöveg beviteli mező miért egy sor magasságú?

Több
2017 ápr. 30 20:39 #1 Írta: Zotius
Zotius létrehozta a témát: Szöveg beviteli mező miért egy sor magasságú?
Bizonyára másoknak is feltűnt már, hogy ezeknél a hosszabb szöveg bevitelére szolgáló szöveges beviteli mezőknél a beviteli terület jelenleg csak egy sor magasságú, pedig régebben 5-6 sornyi volt. MInden szerkesztést azzal kell kezdeni, hogy "kitágítom" ezt.
Hol lehetne ezt alapból a megfelelő magasságúra állítani? A Gantry sablonban, vagy a Joomla valamelyik alap css fájljában?

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 02 15:34 #2 Írta: Balázs
Balázs válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Ez a probléma, ha jól néztem fenn áll itt a Fórumban is, ha nem gyors választ írsz.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 02 16:30 #3 Írta: Zotius
Zotius válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Nem csak a fórumban van így. A Kapcsolat űrlapnál is.
fZsui problémáját teszteltem oldalamon, és a Kapcsolat űrlapnál derült ki, hogy ott is ez van.
Ahhoz, hogy ezt kiküszöbölhessem, minden egyes űrlapra vonatkozó ID-t fel kell venni a custom.scss fájlban a textarea méretezésére vonatkozóan, mint például a Kapcsolat űrlapnál és a Kunena mezőnél:
jform_contact_message .form-horizontal textarea, kbbcode-message{
	min-height: 120px;
	min-width: 400px;
}
Ez egyszerűen idegesítő. Miért kellett ezt a Joomlában így elb@ni?
És mi van, ha valaki nem nyomozza ki mint én, hogy mit, hol kell módosítani? Az élete végéig szívni fog miatta?

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 02 18:03 - 2017 máj. 02 18:04 #4 Írta: freepetya
freepetya válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Szerintem ez nem joomla, hanem inkább gantry, de leginkább a hydrogen sablont érinti. Legalábbis nálam csak ebben a kombóban jelentkezik ez a hiba.
Utolsó szerkesztés: 2017 máj. 02 18:04 Írta: freepetya.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 02 20:46 #5 Írta: Zotius
Zotius válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Márpedig a Joomla 3.7 is is hunyó a témában, mert ha a joomla.css-ben alapból benne lenne, akkor mindegy, hogy a Gantry foglalkozik-e vele vagy sem.
Ahogy elnézem, a joomla.css-ben kimaradt (csak paddingot állít, magasságot nem). A Gantry-ban meg elég hanyagul kezelték le a textarea magasságának méretezését.
A bootstrap-gantry.css 797.sorában a 'textarea'-hoz 'auto' magasságot definiál:
textarea { height: auto; }
Más helyeken van még mindenféle formázási utasítás a css-ekben, de a 'min-height' magasságot jól kifelejtették.

Végül is rájöttem a pofonegyszerű megoldásra. A custom scss-be beszúrtam ezt az egy sorocskát:
textarea {min-height: 120px}

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 02 22:23 #6 Írta: freepetya
freepetya válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Nem ástam mélyre a témával kapcsolatban, de a Joomla beez3 alapsablonnal jó. Már a 3.7 verzió előtt is volt ez a hiba, akartam is már korábban jelezni én is. Rockettheme demó sablonokban is jó. Ezért gondolom, hogy a hydrogen sablon lesz a ludas.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 04 14:29 - 2017 máj. 04 14:30 #7 Írta: freepetya
freepetya válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Kicsit mélyebbre ástam. Nálam a templates/g5_hydrogen/custom/css-compiled/hydrogen-joomla_127.css -ben többek közt ez áll: (127 a sablon ID, ez nyilván mindenkinél egyedi)

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #fff;
border: 1px solid #ddd;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
-moz-transition: border 0.2s linear, box-shadow 0.2s linear;
transition: border 0.2s linear, box-shadow 0.2s linear;
height: 19px;
}


Az utolsó sorra nincs szükség, ettől van, hogy 19px magas a szövegdoboz. Ezt a css-t nem tudom, hogy melyik fájlból képzi a gantry, de majd a guruk biztosan megmondják.
Utolsó szerkesztés: 2017 máj. 04 14:30 Írta: freepetya.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 04 14:42 - 2017 máj. 04 14:43 #8 Írta: freepetya
freepetya válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Közben meg is van. templates/g5_hydrogen/scss/hydrogen-joomla/_forms.scss 14. sortól
.input-prepend .chzn-container-single .chzn-drop,
.input-append .chzn-container-single .chzn-drop {
	border-color: $base-border-color;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: $white;
	border: 1px solid $base-border-color;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	@include transition(border 0.2s linear, box-shadow 0.2s linear);
    height: 19px;
}

Nyilván frissítéskor ez felülíródik. Esetleg Balázs ha van időd jelezd a fejlesztőknek.
Utolsó szerkesztés: 2017 máj. 04 14:43 Írta: freepetya.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 04 16:32 #9 Írta: Zotius
Zotius válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Látom, Téged is izgat a dolog... :) Az általad bemásolt kódrészletben látható, hogy nem csak a textarea elemre, hanem az egysoros beviteli mezők különféle osztályaira is vonatkozik ez a formázás, melyekre vonatkozóan rendben is van a 19px magasság. Így a custom.scss-ben nem célszerű - sőt, veszélyes is lenne - ezt az összes osztályt, nevet, típust újradefiniálni, csak és kizárólag a textarea elemet. Ezért célszerű a megoldásom, amit előző hozzászólásomban írtam:
textarea {min-height: 120px}
Ezzel a többit nem változtatom, és az általad idézett css utasítás is felülbírálásra kerül vele.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 máj. 04 20:50 - 2017 máj. 04 20:57 #10 Írta: freepetya
freepetya válaszolt a témára: Szöveg beviteli mező miért egy sor magasságú?
Valóban nem hagyott nyugodni a kérdés, de mivel több helyen ezek alapszinten formázva vannak joomla, bootstrap ezért egyszerűen csak kitöröltem a
height: 19px;
sort. :-) És tökéletes.
Utolsó szerkesztés: 2017 máj. 04 20:57 Írta: freepetya.

Jelentkezz be, hogy te is részt vehess beszélgetésben!