Download & Extend

Theming the gTrans block - a .css addition

Project:Google Translate
Version:5.x-1.2
Component:User interface
Category:feature request
Priority:normal
Assigned:owahab
Status:closed (fixed)

Issue Summary

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

AttachmentSize
gtrans_screen.png3.48 KB

Comments

#1

Title:Theming the gTrans block» Theming the gTrans block - a .css addition

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;
}
AttachmentSize
gtrans.css_.txt 278 bytes

#2

Status:active» needs review

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

Assigned to:Anonymous» owahab

#4

Status:needs review» needs work

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

Status:needs work» fixed

#7

Status:fixed» closed (fixed)
nobody click here