Theming the gTrans block - a .css addition
ica - April 23, 2007 - 05:22
| Project: | Google Translate |
| Version: | 5.x-1.2 |
| Component: | User interface |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Omar |
| Status: | closed |
Description
Omar thanks for the module, works perfectly
although gTrans block selector form is a bit awkward in terms of style
-to get the language selector form and the submit button on the same line-
i have tried with many themes and the result was the same -i attached a screenshot to show what i mean
i have not much of php skills but i tried to play with the blocks part -that is lines between 64 -104- it did not work
how to hack the block part on the module to get the language selector form and the submit button on the same line? so the block takes less of a space or would the module styled with a simple css addition?
tnx
| Attachment | Size |
|---|---|
| gtrans_screen.png | 3.48 KB |
#1
here is a my css fix - i found for the my issue above, if you consider a gtrans.css addition to the module
#gtrans-change-language-form {
padding-bottom: 10px;
clear: right;
bottom: 10px;
display: block;
}
#gtrans-change-language-form .form-select {
float: left;
}
#gtrans-change-language-form .form-submit {
margin-left: 10px;
padding-left: 10px;
float: left;
left: 10px;
}
#2
here is a my css fix - i found for the my issue above, if you consider a gtrans.css addition to the module
#gtrans-change-language-form {
padding-bottom: 10px;
clear: right;
bottom: 10px;
display: block;
}
#gtrans-change-language-form .form-select {
float: left;
}
#gtrans-change-language-form .form-submit {
margin-left: 10px;
padding-left: 10px;
float: left;
left: 10px;
}
#3
#4
Thanks ica for the effort.
I will test the CSS file on some browsers and it'll be RTBC soon.
#5
Well, I found its easier and less cost to put the whole form in
<div class="container-inline">/** The block **/
</div>
Fixed.
#6
#7